エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
メニューがアクティブ時にクラスを追加するJavascript | ネットショップ立ち上げ備忘録
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
メニューがアクティブ時にクラスを追加するJavascript | ネットショップ立ち上げ備忘録
よく、今いるページの時はメニューがアクティブになっていてわかりやすい表示をするUIがあります。 例え... よく、今いるページの時はメニューがアクティブになっていてわかりやすい表示をするUIがあります。 例えば今いるURLがメニューのURLと同じURL、つまり 今いるURLと、メニューのaタグURL http://example.com/index.html にいる時はクラスに active 要素を付加したいという場合があるとします。 単純に各々メニュー部分にその時のURL時でのHTMLにクラスをつけてあげれば良いのですが、 これでは何とも面倒ですし、変更が伴うとその度に修正しなければなりません。 そこでjQueryを使って処理します。 サンプルコード jQueryを使っていますので、先にjQueryファイルを読み込んである事が条件です。 var url = document.URL.split('/'); $('ul li a').each(function(){ var menu_href