jquery - Stackoverflow のようなナビゲーション バーで現在のページを動的に強調表示する方法

Question

私のウェブサイトのすべてのページに含める私の header.php ページにナビゲーション バーがあります。current_page のクラスを現在のページに追加するにはどうすればよいですか?

私は試した

$('a[href="'+window.location+'"]').addClass('menu-highlight');

しかし、GET 変数が設定されていると機能せず、href は相対 URL です。

私が持っている 1 つのアイデアは、ページに対応する番号を保持するファイルを含む php ページにあり、Jquery を使用して属性内のその番号で li を変更します。

ベストプラクティスは何ですか?

Answer 1

ベスト プラクティスは、サーバー側のコードでこれを処理することです。ただし、完全な URL リンクではなく絶対パス リンクを使用している場合は、

window.location.pathname

代わりにクエリ文字列を除外する

window.location.href

それを含む

window.location.href
=> "http://stackoverflow.com/questions/10506079/how-to-dynamically-highlight-the-current-page-in-nav-bar-like-stackoverflow?test=foo"

window.location.pathname
=> "/questions/10506079/how-to-dynamically-highlight-the-current-page-in-nav-bar-like-stackoverflow"