概要
グローバルナビなどのナビゲーションのcurrent表示をjQueryで実装するパターンその1。※(2)とセットです。
用途・要件
- urlで判定。
- 現在表示しているページの親ディレクトリと各ナビゲーション内のhref属性のディレクトリが一致するか判定し、親要素に任意のクラスを付与(カレント表示)する。
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
その他
- jQuery バージョン3.6.4使用。
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)