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 に答える