詳細
指定時刻にHTMLを変更するjs(A)を追加したら既存のメインビジュアルのスライダー(B)のページを送りが機能しなくなり、これを直したいです。
問題が発生しているページのリンク http://wonect.com/lab/
エラーメッセージ
該当のコード
追加したjsのコード(A)
<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>
これに加え、自動的に表示非表示を切り替えたい部分を
<span class="view_timer" data-start-date="2017/5/17 15:00" data-end-date="2017/5/17 15:10"></span>
で囲うことで動作します。
既存のスライダーのjQuery(B)
<script> jQuery.noConflict(); jQuery(document).ready(function(){ jQuery('.bxslider').bxSlider({ auto: true, /*mode: 'fade',表示モード*/ pause: 9000, /*停止時間*/ speed: 2000 /*pager: false, controls: false, touchEnabled: false*/ }); }); </script>
と https://wonect.com/skin/frontend/rwd-child/default/js/jquery.bxslider.min.js にあるjsで動作しているようです。
試してみたこと
jsの読み込み順を変更、spanにつけていた class=〜をliにつけてみましたが上手くいきませんでした。
以上、何卒ご教授いただけますでしょうか。。
回答1件
あなたの回答
tips
プレビュー