###問題の詳細
新js(指定した期間で画像の表示非表示を切り替える)を追加すると、既存js(メインビジュアルのスライダー)の次の画像に切り変える機能(手動、自動共に)が動かなくなります。
まず、既存のスライダーがなぜ動かなくなったかを調べるにはどうすればよいでしょうか?
ちなみに、新js>既存jsの順番で<head>の一番最後に読み込んでいます。
※リンク先のページでconsoleエラーがいくつかありますが、既存jsが問題なく動いていたときからあるものなので今回の問題に関係する可能性は低いと思われます。
原因の可能性がある箇所
以下の画像はスライダーの一枚目に新jsを設定し現在は非表示になるようにしたものなのですが、画像は非表示中でもページャーでは1枚としてカウントされています。(画像の赤丸部分、本来は点が4つなるはず)これにより、スライダー数のカウントがおかしくなり動かない原因になっているのではと思われます。
新jsの関連コードについて
以下のコードと
<script> jQuery(function($){ $(".view_timer").each(function(index, target) { var startDate = $(this).attr("data-start-date"); var endDate = $(this).attr("data-end-date"); var nowDate = new Date(); if (startDate) { startDate = new Date(startDate); } else { startDate = nowDate; } if (endDate) { endDate = new Date(endDate); } if (startDate <= nowDate && (!endDate || nowDate <= endDate)) { $(this).show(); } else { $(this).hide(); } }); }); </script>
指定した期間で表示非表示を切り替える部分に以下のコードを追加することで機能します。
class="view_timer" data-start-date="2017/5/26 09:50" data-end-date="2017/5/26 09:59"
既存のjsの関連コード
<script src="https://wonect.com/skin/frontend/rwd-child/default/js/jquery.bxslider.min.js"></script><script> jQuery.noConflict(); jQuery(document).ready(function(){ jQuery('.bxslider').bxSlider({ auto: true, pause: 9000, /*停止時間*/ speed: 2000 }); }); </script>
以上、お手数ですが助言をいただければと幸いです。
回答1件
あなたの回答
tips
プレビュー