使用jquery在菜单li中添加活动类

到目前为止，我正在使用这样的代码

<script>
jQuery(document).ready(function($) {
  $("#menu li").click(function(){ 
      if ($("#menu li").hasClass('active')) {
        $("#menu li").removeClass('active'); 
      }
    $(this).addClass('active');
 });
});
</script> 

jQuery（文档）.ready（函数（$）{
$（“#菜单li”）。单击（函数（）{
if（$（“#menu li”）.hasClass（'active'））{
$（“#menu li”）.removeClass（'active'）；
}
$（this.addClass（'active'）；
});
});

它仅适用于选项卡式导航

但是我的网站使用不同的页面。我的意思是每个href指向不同的页面

有人能告诉我如何使用jquery或css将活动类添加到

li

---

谢谢

您可以将活动类添加到页面并以类似的方式运行它。当页面加载（document.ready（））时，告诉它将活动类附加到当前页面菜单列表项

$(/*Your current page menu item*/).addClass('active');

试试下面的

$('li').each(function(){
    if(window.location.href.indexOf($(this).find('a:first').attr('href'))>-1)
    {
    $(this).addClass('active').siblings().removeClass('active');
    }
});

---

如果您在每个选项卡之间单击发回，则最好在呈现菜单时将该类附加到服务器端。谢谢兄弟。你让我开心。这句话节省了我很多时间。