実現したいこと
WordPress上で6枚の画像を横方向にスライダーを無限にし続けることを目標にしています。
補足情報
Digipressのfrescoというテーマを使用しています。
https://digipress.digi-state.com/fresco/
PCの時は問題なくスクロール表示されるのですが、mobile表示になると
『$(...).infiniteslide is not a function』が表示されて動かなくなってしまいます。
ソースコード
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript" ></script> <script src="//code.jquery.com/jquery-1.12.4.min.js"></script> <script src="<?php echo get_template_directory_uri(); ?>/inc/js/jquery/infiniteslidev2.js"></script>
該当のソースコード
html
1<ul class="infiniteslide"> 2 <li><img src="slider01.jpg" alt=""></li> 3 <li><img src="slider02.jpg" alt=""></li> 4 <li><img src="slider03.jpg" alt=""></li> 5 <li><img src="slider04.jpg" alt=""></li> 6 <li><img src="slider05.jpg" alt=""></li> 7 <li><img src="slider06.jpg" alt=""></li> 8</ul> 9 10<script type="text/javascript"> 11jQuery(function($){ 12$(function(){ 13 $('.infiniteslide').infiniteslide({ 14 'speed': 30,// スピードを指定 15 'direction' : 'left',// スライドする向きを指定 16 'pauseonhover': false,// マウスオーバーでストップするかを指定 17 'clone': 3//クローンでふやす 18 }); 19}); 20}); 21</script>
エラー情報
Uncaught TypeError: $(...).infiniteslide is not a function at HTMLDocument.<anonymous> (web_pro:211) at i (jquery.min.js?ver=4.9.8:2) at Object.fireWith [as resolveWith] (jquery.min.js?ver=4.9.8:2) at Function.ready (jquery.min.js?ver=4.9.8:2) at HTMLDocument.J (jquery.min.js?ver=4.9.8:2)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/17 12:18