的jQuery removeClass在Internet Explorer中无法正常工作6

我有以下的导航，的jQuery removeClass在Internet Explorer中无法正常工作6

<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>

与jQuery代码

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

这是在每一个浏览器非常多的工作，除了IE 6 在IE 6当我点击朋友链接它从最近的链接中删除标签类，但点击其他链接后，它不会删除类。

来源

2011-02-07 shuja

我从来没有听说过`page`是一个有效的`a`属性，你的意思是`rel`吗？ – BoltClock 2011-02-07 07:59:29

那么，你所有的li都有ID #nav-liv，我猜IE6对此感到窒息。我要做的第一件事就是将它们改为类，看看IE6是否仍然有问题。

来源

2011-02-07 07:58:56 BoltClock

其工作现在..感谢 – shuja 2011-02-07 09:47:08

ID应该是唯一的。

<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; 
});

来源

2011-02-07 08:01:34 yoda

tkanks ...现在工作 – shuja 2011-02-07 09:47:45

的jQuery removeClass在Internet Explorer中无法正常工作6

回答

相关问题