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

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

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