• 文字サイズ
  • 小
  • 中
  • 大


解決済

ハンバーガーメニューの実装不備に関して

  • 相談者：非公開
  • 2021/07/12 11:00
お世話になっております。
ハンバーガーメニューを作成しているのですが、うまく実装されません。

タブレットサイズ769px以下のときにハンバーガーメニューが表示されるように記述していて、ボタンをクリックしたときにheaderにクラスonを追加するように記述していて、検証画面で自分で記述すればメニューが表示されますが、クリック時には追加されません。
どのように記述したらよいか、ご教授いただけますと幸いです。

URLは、こちらです。
https//www.rakuten.ne.jp/gold/SHOP-URL/test0706/

よろしくお願い致します。
投稿内容について報告する
  • その他
  • 返信：5
  • Me too度：1
今気になってる疑問、
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
セミナー詳細はこちら
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
ご視聴はこちら

  • 返信者：非公開
  • 2021/07/12 20:15
ECマスターズの田中です。

ハンバーガーメニュー用のボタンは
<div class="menuBtn">
として記載されておりますが、

scri………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2021/07/13 10:09
クラス名を修正したのですが、headerにクラスonが追加されません。
また、「preventDefault()」の記述位置はこれで問題ないでしょうか。
ご………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2021/07/13 10:31
https://intp.site/389/test/

URLはこちらです。………（省略）………
続きを読む
  • 返信者：非公開
  • 2021/07/13 19:28
ECマスターズの田中です。

ご案内が漏れており、失礼しました。

script.jsは<body>よりも前に読み込まれており、
読み込まれた時点で該………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2021/07/14 10:32
ありがとうございました。………（省略）………
続きを読む
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す