使用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指向不同的页面。

有人可以告诉我如何使用jquery或css将活动类添加到li。

由于

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