【jQuery】JSで共通ナビの現在地をアクティブにする ｜ Tips Note by TAMグローバルナビを共通ファイル化するとき、PHPやCMSで管理して 現在地判定もそこで設定することが多いのですが、 今回は現在地の判定をJavaScriptで実装してほしいという要望があり、調べてみました。 カテゴリ1 カテゴリ2今ここ カテゴリ3 カテゴリ4 「jquery 現在地」で検索したら、すぐ使えそうなものがいっぱい出てきました。。 やり方はいくつかあり、 ・bodyタグに、該当するディレクトリをIDで指定しておき、マッチする要素にクラスを追加 ・liやa要素にIDをつけておき、現在のURLとIDがマッチしたらクラスを追加 ・現在のURLとナビのリンクURLがマッチしたらクラスを追加 etc. ページごとにIDやクラス指定を追加するのは手間なので、他サイトでもすぐ使いまわせそうな 「現在のURLとナビのリンクURLがマッチしたらクラスを追加する」パターンを紹介します。 こちらは参考
