Question

有问题的网页 - http://brettcolephotography.com/services.html

如果用户通过关注外部链接到达特定标签（每个标签有一个离散的网址），我的jQuery当前菜单项突出显示的代码不适用于我的标签页

我有这一点使我当前的菜单项保持下划线，一般效果很好

$(document).ready(function(){
    $('#bcp-nav a').each(function(index) {
        if(this.href.trim() == window.location)
            $(this).addClass("selected");
    });
});

我正在使用EasyTabs（由Alfa Jango）实现jQuery标签，也很棒。如果您使用主导航并从一个页面转到服务页面，则服务会加下划线，但如果您使用指向任何选项卡的外部链接，则不会突出显示服务。

示例，请点击此处 - http://brettcolephotography.com/services.html#photo-licensing

Answer 1

尝试使用：

$(document).ready(function(){
    var loc = window.location.href.replace(window.location.hash, '');
    $('#bcp-nav a').each(function(index) {
        if(this.href.trim() == loc)
            $(this).addClass("selected");
    });
});

我刚刚测试了它，它正在运行。

要停止页面跳转到ID，请尝试使用：

setTimeout(function() {
  if (location.hash) window.scrollTo(0, 0);
}, 1);

jQuery选择了菜单项和选项卡

1 个答案: