楽天GOLD内のファイルについて js カルーセルが機能しない

Question

お世話になっております。

楽天ゴールドの直下に、index.html　と js など関連フォルダ、ファイルを設置しました。
すると
ゴールド直下ではカルーセルとハンバーガーが機能しません
https://www.rakuten.ne.jp/gold/off-price/r-index.html

ゴールドのサブフォルダ内に置いた場合は、問題なく機能します
https://www.rakuten.ne.jp/gold/off-price/sub/r-index.html
画像）under_gold　main.js に問題があると表示され、jsがうまく動きません。
画像）under_gold2　のように、クロームでみると2行目に問題があると出ております。

クロームで見ると
画像）under_gold　main.js に問題があると表示され、main.jsに「×」さらに
画像）under_gold2　のように、2行目に問題があると出ております。


画像）under_sub_folder
警告も出ず、設置したカールセルは問題なく動作いたします。

どういった原因が考えられるでしょうか？
どうぞよろしくお願い申し上げます。###HR######IMG0acb4d08d517d7ec250063de8874ef57f.jpegIMG0### ###IMG1e32c860626f088d7680f52fb67faffac.jpegIMG1###

Accepted Answer

ECマスターズの田中です。

各HTMLにて、main.jsを実行するタイミングで、
おそらくそれまでの処理が原因かと思いますが、
$がjQueryオブジェクトではなく、未定義の状態になっております。

そのため、直下用のmain.jsのように
$(document).ready(function(){ 中略 });
ではエラーとなり、サブフォルダ内用のmain.jsのように
(function ($) { 中略 })(jQuery);
と、jQueryを引数に渡して$として扱う形式では問題なく動作いたします。

https://www.rakuten.ne.jp/gold/off-price/js/main.js
の２行目を、
jQuery(function($){
にご変更いただき、問題なく動作するか、
ご確認いただきますようお願いします。

Answer

ECマスターズの伊藤です。

> ゴールド直下ではカルーセルとハンバーガーが機能しません

頂いておりますご質問についてですが、
担当より、明日以降に回答させていただきます。

恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします。

Answer

とても困っていたので、希望通りに解決できて大変助かりました。
ありがとうございました。