メガドロップダウンメニューについて

Question

お世話になっております。楽天goldにて作成しているPC用ページにて質問させてください。https://www.rakuten.ne.jp/gold/●●●/top/index.htmlメニューの「アイテム一覧」のところにメガドロップダウンメニューを適用させたく他サイトからコードを持ってきて試行錯誤しているのですが、マウスオンしていないのに常にメニューが出てしまいます。ちなみにコードを頂いたサイトはこちらです↓http://sankoblog.hatenablog.com/entry/2016/06/08/230800お忙しいところ恐れ入りますが、ご教授の程宜しくお願いいたします。

Accepted Answer

ECマスターズの田中です。直接の原因を探っていたところ、「common/css/head_05.css」の中、３７７行目から始まる「#mddNav .mddWrap」に対する規則の中で、/*display: none;*/上記のように、非表示にする設定がコメントアウトされて無効になっていることがわかりました。この非表示設定を有効にしても、メニューの動作に影響はございませんので、前後の「/*」と「*/」を削除していただき、表示をご確認ください。また、前回までのお話の続きで、最後に１つ、同様に読み込まれていないプラグインが見つかりましたので下記プラグインの導入をお願いいたします。画像のロールオーバー（jquery.rollover.js）http://www.coolwebwindow.com/jquery-plugin/plugins/rollover/index.html

Answer

ECマスターズの田中です。メニューの切り替えに必要なJavaScriptが読み込む順番が異なることによりエラーを起こしていることが原因です。３０行目のを、直前の

Answer

田中様大変お世話になっております。無事解決致しました…！いつもありがとうございます。すみません、もう１点よろしいでしょうか？トップページが表示されたときにメニューが開いた状態になってしまいます。表示されたときはメニューが閉じた状態にしたいのですがどうしたらよいでしょうか。

Answer

ECマスターズの田中です。改めて確認したところ、JavaScriptのエラーにより実施されていない処理があり、それを実行されるように修正していただくことで改善される可能性がございますので、まずはその修正をお願いします。今回のエラーは、動作に必要なjQueryプラグイン「スムーススクロール」が読み込まれていないことが原因ですので、http://www.coolwebwindow.com/jquery-plugin/plugins/smoothscroll/index.html上記ページの単体バージョン「jquery.smoothscroll.js」をダウンロード、および楽天GOLDにアップロードしていただき、の直後に、新しく

Answer

お世話になっております。ご回答ありがとうございます。試してみたのですが、うまくいきません。下記のように読み込んで、指定の場所にjqueryをアップロードしたのですが合ってますでしょうか。ご確認宜しくお願い致します。

Answer

ECマスターズの田中です。手順は正しいのですが、未だに同様の原因でエラーが発生しておりますので、スクロールショー（jquery.scrollshow.js）http://www.coolwebwindow.com/jquery-plugin/plugins/scrollshow/index.htmlスライドショー（ワイド）（jquery.slidewide.js）http://www.coolwebwindow.com/jquery-plugin/plugins/slidewide/index.html上記２つのプラグインも、同様の方法で読み込みを行っていただきますようお願いします。いずれのプラグインも「jquery-1.10.2.min.js」より下にご設置ください。プラグイン同士の並び順は問いません。

Answer

田中様お世話になっております。プラグイン読み込んでみました。すみません、まだうまくいかないみたいです。下記がソースです。宜しくお願い致します。

Answer

田中様お世話になっております。色々と調べていただき、感謝致します。おかげさまで無事解決致しました。いつもありがとうございます。解決済にさせて頂きます。

メガドロップダウンメニューについて

カテゴリーから探す