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

Question

截至目前我正在使用这样的代码

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

它仅适用于选项卡式导航。

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

有人能告诉我如何li使用 jquery 或 css 添加活动类吗？

谢谢

Answer 1

尝试跟随。

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

Answer 2

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

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