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

【问题标题】：add active class in menu li using jquery使用 jquery 在菜单 li 中添加活动类
【发布时间】：2013-05-10 18:58:11
【问题描述】：

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

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

谢谢

【问题讨论】：

如果您在每次标签点击之间回帖，最好在菜单呈现时将该类附加到服务器端。

标签： jquery html css

【解决方案1】：

尝试关注。

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

【讨论】：

谢谢兄弟。你让我很开心。这些台词节省了我很多时间。

【解决方案2】：

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

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

【讨论】：