初めて相談します。宜しくお願いいたします。
TOPページに設置した bxSlider が、初回訪問時は動くのですが、
ページ遷移してTOPに戻ってくると動かないのです。
発生している問題・エラーメッセージ
2回目以降、TOPページを訪問すると ページャーの ●●● しか表示されません。 写真の領域は真っ白で、動く気配がありません。
該当のソースコード
<script> $(document).ready(function(){ $('.bxslider').bxSlider({ auto: true, slideWidth: 972, auto: true, autoControls: true, integer: 1000, speed: 1500 }); }); </script> <div class="bxslider-wrap"> <ul class="bxslider"> <li><img src="top_img/slide01.jpg" alt="イメージ1"></li> <li><img src="top_img/slide02.jpg" alt="イメージ2" ></li> <li><img src="top_img/slide03.jpg" alt="イメージ3"></li> <li><img src="top_img/slide04.jpg" alt="イメージ4"></li> <li><img src="top_img/slide05.jpg" alt="イメージ5"></li> </ul> </div>
試したこと
$(document).ready(function(){
を
jQuery(document).ready(function($){
に変えてたりしてみましたが、効果はありませんでした。
補足情報(FW/ツールのバージョンなど)
jqueryはこう記載しています。
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>ここにより詳細な情報を記載してください。
エラーは出ていませんか?デベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error
回答2件
あなたの回答
tips
プレビュー