Databases
StackOverflow2013
Postsdbo
POWhy are these jQuery statements at the top of the file breaking the ones below?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy are these jQuery statements at the top of the file breaking the ones below?
    primarykey
    data
    text
    <p>The <strong>Jquery Accordion</strong> part it is breaking the others below (<strong>Nivo Slider</strong> and <strong>jPlayer</strong>).</p> <p>Like you can see in this website: <a href="http://alexchen.info/brianfunshine" rel="nofollow">http://alexchen.info/brianfunshine</a></p> <pre><code>var $j = jQuery.noConflict(); $j(document).ready(function () { /** * Jquery Accordion */ $j('#list1b').accordion({ autoheight: false }); $j('#list1c').accordion({ autoheight: false }); $j('#list1d').accordion({ autoheight: false }); $j('#list1e').accordion({ autoheight: false }); /** * Nivo Slider */ $j('.jimgMenu ul').kwicks({max: 310, duration: 300, easing: 'easeOutQuad'}); /** * Jplayer */ var Playlist = function(instance, playlist, options) { var self = this; this.instance = instance; // String: To associate specific HTML with this playlist this.playlist = playlist; // Array of Objects: The playlist this.options = options; // Object: The jPlayer constructor options for this playlist this.current = 0; this.cssId = { jPlayer: "jquery_jplayer_", interface: "jp_interface_", playlist: "jp_playlist_" }; this.cssSelector = {}; $j.each(this.cssId, function(entity, id) { self.cssSelector[entity] = "#" + id + self.instance; }); if(!this.options.cssSelectorAncestor) { this.options.cssSelectorAncestor = this.cssSelector.interface; } $j(this.cssSelector.jPlayer).jPlayer(this.options); $j(this.cssSelector.interface + " .jp-previous").click(function() { self.playlistPrev(); $j(this).blur(); return false; }); $j(this.cssSelector.interface + " .jp-next").click(function() { self.playlistNext(); $j(this).blur(); return false; }); }; Playlist.prototype = { displayPlaylist: function() { var self = this; $j(this.cssSelector.playlist + " ul").empty(); for (i=0; i &lt; this.playlist.length; i++) { var listItem = (i === this.playlist.length-1) ? "&lt;li class='jp-playlist-last'&gt;" : "&lt;li&gt;"; listItem += "&lt;a href='#' id='" + this.cssId.playlist + this.instance + "_item_" + i +"' tabindex='1'&gt;"+ this.playlist[i].name +"&lt;/a&gt;"; // Create links to free media if(this.playlist[i].free) { var first = true; listItem += "&lt;div class='jp-free-media'&gt;("; $j.each(this.playlist[i], function(property,value) { if($j.jPlayer.prototype.format[property]) { // Check property is a media format. if(first) { first = false; } else { listItem += " | "; } listItem += "&lt;a id='" + self.cssId.playlist + self.instance + "_item_" + i + "_" + property + "' href='" + value + "' tabindex='1'&gt;" + property + "&lt;/a&gt;"; } }); listItem += ")&lt;/span&gt;"; } listItem += "&lt;/li&gt;"; // Associate playlist items with their media $j(this.cssSelector.playlist + " ul").append(listItem); $j(this.cssSelector.playlist + "_item_" + i).data("index", i).click(function() { var index = $j(this).data("index"); if(self.current !== index) { self.playlistChange(index); } else { $j(self.cssSelector.jPlayer).jPlayer("play"); } $j(this).blur(); return false; }); // Disable free media links to force access via right click if(this.playlist[i].free) { $j.each(this.playlist[i], function(property,value) { if($j.jPlayer.prototype.format[property]) { // Check property is a media format. $j(self.cssSelector.playlist + "_item_" + i + "_" + property).data("index", i).click(function() { var index = $j(this).data("index"); $j(self.cssSelector.playlist + "_item_" + index).click(); $j(this).blur(); return false; }); } }); } } }, playlistInit: function(autoplay) { if(autoplay) { this.playlistChange(this.current); } else { this.playlistConfig(this.current); } }, playlistConfig: function(index) { $j(this.cssSelector.playlist + "_item_" + this.current).removeClass("jp-playlist-current").parent().removeClass("jp-playlist-current"); $j(this.cssSelector.playlist + "_item_" + index).addClass("jp-playlist-current").parent().addClass("jp-playlist-current"); this.current = index; $j(this.cssSelector.jPlayer).jPlayer("setMedia", this.playlist[this.current]); }, playlistChange: function(index) { this.playlistConfig(index); $j(this.cssSelector.jPlayer).jPlayer("play"); }, playlistNext: function() { var index = (this.current + 1 &lt; this.playlist.length) ? this.current + 1 : 0; this.playlistChange(index); }, playlistPrev: function() { var index = (this.current - 1 &gt;= 0) ? this.current - 1 : this.playlist.length - 1; this.playlistChange(index); } }; var videoPlaylist = new Playlist("1", [ { name:"Big Buck Bunny Trailer", free:true, m4v:"http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v", ogv:"http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer_480x270.ogv", poster:"http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png" }, { name:"Finding Nemo Teaser", m4v: "http://www.jplayer.org/video/m4v/Finding_Nemo_Teaser_640x352_h264aac.m4v", ogv: "http://www.jplayer.org/video/ogv/Finding_Nemo_Teaser_640x352.ogv", poster: "http://www.jplayer.org/video/poster/Finding_Nemo_Teaser_640x352.png" }, { name:"Incredibles Teaser", m4v: "http://www.jplayer.org/video/m4v/Incredibles_Teaser_640x272_h264aac.m4v", ogv: "http://www.jplayer.org/video/ogv/Incredibles_Teaser_640x272.ogv", poster: "http://www.jplayer.org/video/poster/Incredibles_Teaser_640x272.png" } ], { ready: function() { videoPlaylist.displayPlaylist(); videoPlaylist.playlistInit(false); // Parameter is a boolean for autoplay. }, ended: function() { videoPlaylist.playlistNext(); }, play: function() { $j(this).jPlayer("pauseOthers"); }, swfPath: "js", supplied: "ogv, m4v" }); var audioPlaylist = new Playlist("2", [ { name:"Tempered Song", mp3:"http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-01-Tempered-song.ogg" }, { name:"Hidden", mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-02-Hidden.ogg" }, { name:"Lentement", free:true, mp3:"http://www.jplayer.org/audio/mp3/Miaow-03-Lentement.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-03-Lentement.ogg" }, { name:"Hidden", mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-02-Hidden.ogg" }, { name:"Lismore", free:true, mp3:"http://www.jplayer.org/audio/mp3/Miaow-04-Lismore.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-04-Lismore.ogg" }, { name:"Hidden", mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-02-Hidden.ogg" }, { name:"The Separation", mp3:"http://www.jplayer.org/audio/mp3/Miaow-05-The-separation.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-05-The-separation.ogg" }, { name:"Hidden", mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-02-Hidden.ogg" }, { name:"Beside Me", mp3:"http://www.jplayer.org/audio/mp3/Miaow-06-Beside-me.mp3", oga:"http://www.jplayer.org/audio/ogg/Miaow-06-Beside-me.ogg" } ], { ready: function() { audioPlaylist.displayPlaylist(); audioPlaylist.playlistInit(false); // Parameter is a boolean for autoplay. }, ended: function() { audioPlaylist.playlistNext(); }, play: function() { $j(this).jPlayer("pauseOthers"); }, swfPath: "js", supplied: "oga, mp3" }); }); </code></pre> <p>Any suggestion of why?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USjustkt
    1. USalexchenco
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWhy are these jQuery statements at the top of the file breaking the ones below?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COAre you putting your video's within the accordion or within the menu?? If so you may need to set up the .live function. What may be happening is that your event is not being run because it is within a function that doesn't use .live. It's hard to tell without the html though, can you post it as well??
      singulars
      1. POWhy are these jQuery statements at the top of the file breaking the ones below?
      1. USmwgriffith
    2. COYou can narrow down the problem, I'm sure. The provided code is too long.
      singulars
      1. POWhy are these jQuery statements at the top of the file breaking the ones below?
      1. USLightness Races in Orbit
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload