Note that there are some explanatory texts on larger screens.

plurals
  1. POPrev/next functionality failing
    primarykey
    data
    text
    <p>Prev/next functionality not working on new section selection. The idea is that when the the page loads, several slide shows will load and the user will navigate through them with prev/next buttons. When they get to the end of one section, they will select the next section that they want to view. My problem is that the prev/next function doesn't work after the user navigates to a new section.</p> <p>Here is a <a href="http://jsfiddle.net/edubs/NmBSS/2/" rel="nofollow">JSFiddle</a>. So you don't miss them, the prev/next buttons are the edges of the prev/next slides hanging on the left and right side of the page, respectively. Below is the section of my javascript that I believe is causing the problem. </p> <p>Thanks</p> <pre><code>var secName, slideCount, centSlide; liveSec(0); // Initiate live section function liveSec(x) { centSlide = 0; secName = $('#slider &gt; div:eq('+x+')').attr('id'); slideCount = $('#'+secName+'').children().length; $('#'+secName+'').children().first().addClass('liveslide').next().addClass('next'); } // call prev/next functions $('#'+secName+' &gt; div').click(function() { var index = $('#'+secName+' &gt; div').index(this); if (index &gt; centSlide) nextcycle(centSlide, slideCount); if (index &lt; centSlide) prevcycle(centSlide, slideCount); return false; }); // cycle sections $('#'+secName+' .select').click(function () { if (!e) var e = window.event; e.cancelBubble = true; if (e.stopPropagation) e.stopPropagation(); $('.liveslide').removeClass('liveslide'); $('.prev').removeClass('prev'); i = $('#'+secName+' .select').index(this); liveSec(i); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    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. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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