Question

我知道活动状态不在内部链接上工作。这就是我在jquery代码下使用的原因

$('.main-navigation .current-menu-item > a').click(function(){
     $('.main-navigation .current-menu-item > a').removeClass('active');
     $(this).addClass('active');
  });

它的工作正常。我的问题是，如果用户直接访问带有内部链接的网址，如

http://www.url.com#home

然后显然活动类不会添加当前菜单项。我该如何处理？

Answer 1

您只需在页面加载时检查它。

if(window.location.hash){
    var activeTab = window.location.hash;

    $('.main-navigation .current-menu-item > a').removeClass('active');
    $('.main-navigation a[href="'+activeTab+'"]').addClass('active');
}

内部链接活动状态

1 个答案: