Databases
StackOverflow2013
Postsdbo
POWhy $('a.current').removeClass('current'); is not working?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy $('a.current').removeClass('current'); is not working?
    text
    copied!<p>Why <code>$('a.current').removeClass('current');</code> is not working for this jquery tabs? <a href="http://jsfiddle.net/laukstein/ytnw9/8/" rel="nofollow">http://jsfiddle.net/laukstein/ytnw9/8/</a></p> <pre><code> //full JS in http://jsfiddle.net/laukstein/ytnw9/8/ $(function(){ var list=$('#list'), elementsPerRow=-1, loop=true, // find first image y-offset to find the number of images per row topOffset=list.find('a:eq(0)').offset().top, numTabs=list.find('li').length-1, current,newCurrent; function changeTab(diff){ // a.current set by jQuery Tools tab plugin $('li.current').removeClass('current'); current=list.find('a.current').parent('li').addClass('current').index(); newCurrent=(loop)?(current+diff+numTabs+1)%(numTabs+1):current+diff; if(loop){ if(newCurrent&gt;numTabs){newCurrent=0;} if(newCurrent&lt;0){newCurrent=numTabs;} }else{ if(newCurrent&gt;numTabs){newCurrent=numTabs;} if(newCurrent&lt;0){newCurrent=0;} } // don't trigger change if tab hasn't changed (for non-looping mode) if (current!=newCurrent){ list.find('li').eq(current).removeClass('current'); list.find('li').eq(newCurrent).addClass('current').find('a').trigger('click'); // trigger click on tab } } list // set up tabs .tabs("#content",{effect:'ajax',history:true, xonBeforeClick:function(){changeTab(0)}}) // find number of images on first row .find('a').each(function(i){ if(elementsPerRow&lt;0&amp;&amp;$(this).offset().top&gt;topOffset){ elementsPerRow=i; } }); //$('a').filter('.current').parent('li').addClass('current'); // Why does not work? //$('a.current').parent('li').addClass('current'); // Why does not work? $('ul#list li').click(function(){$('li.current').removeClass('current');$(this).addClass('current')}); $('a.current').removeClass('current'); // Why does not work? }); </code></pre> <p>HTML:</p> <pre><code>&lt;ul id="list"&gt; &lt;li&gt;&lt;a href="one.html" title="one"&gt;1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="two.html" title="two"&gt;2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="three.html" title="three"&gt;3&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="content"&gt;&lt;/div&gt;​ </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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