jquery removeClass ne fonctionne pas correctement dans Internet Explorer 6

Question

j'ai suivantes navigation,

<ul class="content-nav"> 
     <li id="nav-liv" class="tab"><a href="index.php?p=recent" page="recent">Recent</a></li> 
     <li id="nav-liv"><a href="index.php?p=friends" page="friends">Friends</a></li> 
     <li id="nav-liv"><a href="index.php?p=following" page="following">Following</a></li> 
     <li id="nav-liv"><a href="index.php?p=my" page="my">My</a></li> 
     <li id="nav-liv"><a href="index.php?p=fav" page="fav">Favourite</a></li> 
    <ul> 

avec le code jquery

$(".content-nav li#nav-liv a").click(function(){ 
      $("li#nav-liv").removeClass("tab"); 
      $(this).parent().addClass("tab"); 
     return false; 
}); 

cela fonctionne très bien dans tous les navigateurs, sauf à savoir 6. Dans IE6 quand je clique sur le lien d'un ami, il supprime la classe d'onglet du lien récent, mais après avoir cliqué sur d'autres liens, il n'a pas supprimé removeClass.

Answer 1

Eh bien, tous vos li ont l'ID #nav-liv, je suppose que IE6 s'étouffe là-dessus. La première chose que je ferais est de les changer en classes et voir si IE6 a encore des problèmes.

Answer 2

Les ID doivent être uniques.

<ul class="content-nav"> 
     <li class="nav-liv tab"><a href="index.php?p=recent" page="recent">Recent</a></li> 
     <li class="nav-liv"><a href="index.php?p=friends" page="friends">Friends</a></li> 
     <li class="nav-liv"><a href="index.php?p=following" page="following">Following</a></li> 
     <li class="nav-liv"><a href="index.php?p=my" page="my">My</a></li> 
     <li class="nav-liv"><a href="index.php?p=fav" page="fav">Favourite</a></li> 
    <ul> 

$(".content-nav li.nav-liv a").click(function(){ 
     $("li.nav-liv").removeClass("tab"); 
     $(this).parent().addClass("tab"); 
    return false; 
});