1

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

如果用户通过外部链接到达特定选项卡(每个选项卡都有一个离散的 url),我的 jQuery current-menu-item-highlighted 代码不适用于我的选项卡式页面

我有一点让我当前的菜单项保持下划线,一般来说效果很好

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

我正在使用 jQuery 选项卡的 EasyTabs(由 Alfa Jango)实现,效果也很好。如果您使用主导航并从一个页面转到服务页面,则服务会带有下划线,但如果您通过外部链接访问任何选项卡,则服务不会突出显示。

例如,从这里开始 - http://brettcolephotography.com/services.html#photo-licensing

4

1 回答 1

0

尝试使用这个:

$(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);
于 2013-06-09T18:11:09.640 回答