Q&A
jQuery本体が複数読み込まれているように見受けられますが、何か意図はあるのでしょうか？
前提
プラグインを使用して、自動で画像がスライドするワイプスライドを作成したい。
実現したいこと
プラグインを使用して、自動で画像がスライドするワイプスライドを作成したい。
発生している問題・エラーメッセージ
TypeError: $(...).wipeSlider is not a function
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="expires" content="604800"> <meta name="format-detection" content="email=no,telephone=no,address=no"> <title>【カリキュラム番号】| 【カリキュラム名】</title> <meta name="description" content="【カリキュラム番号】| 【カリキュラム名】のdescriptionです"> <link rel="icon" href="assets/images/common/favicon.ico"> <link rel="stylesheet" href="assets/stylesheets/app.css"> <link rel="stylesheet" href="./assets/stylesheets/wipeSlider.css"> <script type="text/javascript" src="js/jquery.js" defer></script> <script src="./js/jquery.wipeSlider.js"></script> </head> <body> <div class="slidesWrap js_wiper"> <ul class="slides"> <li class="slide"> <img src="assets/images/_content/sample-2.jpeg" alt="header-img"> </li> <li class="slide"> <img src="assets/images/_content/sample-1.jpeg" alt="header-img"> </li> </ul><!-- / .slides --> </div><!-- / .js_wiper --> <script defer> window.addEventListener( 'load' , function(){ $('.js_wiper').wipeSlider({ transition : 500, duration : 2000, auto : true, pager : true, controls : true }); }); </script> </body> </html>
.slidesWrap{ position: relative; } .slidesWrap .slides{ position: relative; z-index: 1; } .slidesWrap .slides .slide{ position: absolute; top: 0; left: 0; opacity: 0; }
wipeスライダーのファイルは読み込んでいます。
ここには特に意図はないです。
すみません消し忘れです。
気になる点ではあるので、質問本文のコードを「現在の手元のコード」に更新しておいてください。
変更しておきます
もう1点
取得先は以下で良いですか？
https://github.com/Kackie/wipeSlider
ダウンロードしたものを利用されているようなので、
ご自身が利用されているバージョンも念のため提示しておいてもらえると。
そうです！取得先はこちらからです。
バージョンは、1.8.3です
回答1件
0
ベストアンサー
jquery.jsの読み込みのところに書いてあるdeferが原因のように思います。
読み込みタイミングのずれによる弊害と言ったところでしょうか。
投稿2022/09/12 08:32
総合スコア80850
ありがとうございます。
deferを外すと反応しました。
参考記事までありがとうございます、助かりました
良かったです。
私もあまりdeferについて細かいところまで把握してなかったので勉強になりました。
そういえば受付中のままになっていますが本件まだ残が何かありますか？
大丈夫です！！
ありがとうございました
あなたの回答
tips
プレビュー
