Pourquoi $ ('a.current'). RemoveClass ('current'); ne fonctionne pas?

Question

Pourquoi $('a.current').removeClass('current'); ne fonctionne pas pour cette jquery tabs? 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

Pour autant que je peux dire (je n'ai pas encore une page de travail en cours d'exécution du code), mais il semble que la classe « courant » est seulement appliqué aux éléments "li".

Je pense que votre $ ("a.current") contiendra toujours 0 élément.

Answer 2

Votre .removeClass() appel fonctionne ne effacer la classe, mais cette ligne dans votre plugin histoire:

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

déclenche votre pour charger le premier maillon comme dans le par défaut .. .Qui est le choix qui pointent à nouveau, en ajoutant la classe en arrière, il est finalement le plugin onglet sélectionner le premier onglet et à cette ligne:

tab.addClass(conf.current); 

Ajout de la classe de retour à l'ancre (l'un chor est tab à ce moment-là).

Here's your fiddle updated with an alert to see what's happening a bit easier.

Answer 3

il ne fonctionne pas parce que vous avez pas dans votre <a> avec la classe .current

Vous pouvez le vérifier par vous-même:

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

vous ramènera 0.