0

このサイトのアクティブなナビゲーション スクリプトに (明らかに) 問題が ある

私はcss-tricksのアクティブなnavスクリプトを微調整しています...

これが私のコードです：

if (!$('body').hasClass('home')) {
    $('#main-nav li a[href^="/' + location.pathname.split("/")[1] + '"]').parent().addClass('active');
} else {
    $('#main-nav li:first-child').addClass('active');
}

メインのエージェンシー サイトでは問題なく動作していますが、エージェント ページ (上記の最初のリンク) の 1 レベル深くなると、すべてのアクティブなクラスが割り当てられます。

どんな助けでも大歓迎です！これをjsソリューションとして保持し、ボディIDを処理しないでください。

どんな助けでも大歓迎です！

4

2 に答える 2

0

リンクの href を確認してください/agents/andrew-terrell/... 。

location.pathname.split("/")[1]

がandrew-terrell表示され、メニューにあるすべてのリンクが選択されます。おそらく、全体に対してチェックする必要がありますlocation.pathnameか？

于 2013-09-17T14:04:46.320 に答える