- 文字サイズ変更
- 小
- 中
- 大
解決済
ハンバーガーメニューの実装不備に関して
- 相談者：非公開
- 2021/07/12 11:00
お世話になっております。
ハンバーガーメニューを作成しているのですが、うまく実装されません。
タブレットサイズ769px以下のときにハンバーガーメニューが表示されるように記述していて、ボタンをクリックしたときにheaderにクラスonを追加するように記述していて、検証画面で自分で記述すればメニューが表示されますが、クリック時には追加されません。
どのように記述したらよいか、ご教授いただけますと幸いです。
URLは、こちらです。
https//www.rakuten.ne.jp/gold/SHOP-URL/test0706/
よろしくお願い致します。
ハンバーガーメニューを作成しているのですが、うまく実装されません。
タブレットサイズ769px以下のときにハンバーガーメニューが表示されるように記述していて、ボタンをクリックしたときにheaderにクラスonを追加するように記述していて、検証画面で自分で記述すればメニューが表示されますが、クリック時には追加されません。
どのように記述したらよいか、ご教授いただけますと幸いです。
URLは、こちらです。
https//www.rakuten.ne.jp/gold/SHOP-URL/test0706/
よろしくお願い致します。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2021/07/12 20:15
ECマスターズの田中です。
ハンバーガーメニュー用のボタンは
<div class="menuBtn">
として記載されておりますが、
scri………（省略）………
ハンバーガーメニュー用のボタンは
<div class="menuBtn">
として記載されておりますが、
scri………（省略）………
- 返信者：非公開（質問者）
- 2021/07/13 10:09
クラス名を修正したのですが、headerにクラスonが追加されません。
また、「preventDefault()」の記述位置はこれで問題ないでしょうか。
ご………（省略）………
また、「preventDefault()」の記述位置はこれで問題ないでしょうか。
ご………（省略）………
- 返信者：非公開（質問者）
- 2021/07/13 10:31
- 返信者：非公開
- 2021/07/13 19:28
ECマスターズの田中です。
ご案内が漏れており、失礼しました。
script.jsは<body>よりも前に読み込まれており、
読み込まれた時点で該………（省略）………
ご案内が漏れており、失礼しました。
script.jsは<body>よりも前に読み込まれており、
読み込まれた時点で該………（省略）………
- 返信者：非公開（質問者）
- 2021/07/14 10:32
ありがとうございました。………（省略）………
このフォーラムへの質問は終了しました
質問を検索する