slick.jsで、現在表示されている画像に付与される.slick-currentを引き金に、<p>を消すアクションを起こしたいのですが、うまくなりません。
.slick-currentは<li>に付与されます。
html
<p> この文字を消す </p> <ul class="slider"> <li> //1枚目 <div class="slider_item slider1"> <img src="<?php echo esc_url(get_template_directory_uri());?>/works/img/slide1.jpg"> </div> </li> <li> //2枚目 <div class="slider_item"> <img src="<?php echo esc_url(get_template_directory_uri());?>/works/img/slide2.jpg"> </div> </li> </ul>
jqueryで、1枚目の画像に.slick-currentが付与されたら<p>要素を消す。
$(function(){ if ($('.slick-current').children().hasClass('slider1')) { $('p').hide(); } else { $('p').show(); } });
どこがおかしいのか分かりません。。。
どうすれば動きますか????
もしかしてslickの仕様上不可能??
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/13 06:48