Почему $ ('a.current'). RemoveClass ('current'); не работает?

Question

Почему $('a.current').removeClass('current'); не работает для этой вкладки jquery? http://jsfiddle.net/laukstein/ytnw9/8/

 //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>numTabs){newCurrent=0;}
   if(newCurrent<0){newCurrent=numTabs;}
 }else{
   if(newCurrent>numTabs){newCurrent=numTabs;}
   if(newCurrent<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<0&&$(this).offset().top>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?
});

HTML:

<ul id="list">
    <li><a href="one.html" title="one">1</a></li>
    <li><a href="two.html" title="two">2</a></li>
    <li><a href="three.html" title="three">3</a></li>
</ul>
<div id="content"></div>​

Answer 1

Ваш .removeClass() вызов работает делает очистку класса, но затем эта строка в вашем плагине истории:

links.eq(0).trigger("history", [h]);

Запускает его для загрузки первой ссылки, как в <iframe> в качестве значения по умолчанию ... который снова выбирает эту ссылку, добавляет класс обратно, в конечном итоге это плагин вкладок, выбирающий первую вкладку и в этой строке:

tab.addClass(conf.current);

Добавление класса обратно к якору (в этом месте якорь tab).

Вот ваша скрипка обновлена ​​с предупреждением, чтобы увидеть, что происходит немного проще .

Answer 2

это не работает, потому что у вас нет <a> на вашей странице с классом .current

Вы можете проверить это самостоятельно:

alert($('a.current').length);

вернет вам 0 ...

Answer 3

Насколько я могу судить (у меня еще нет рабочей страницы, на которой выполняется ваш код), но похоже, что "текущий" класс применяется только к элементам "li".

Я думаю, что ваш $ ("a.current") всегда будет содержать 0 элементов.