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