如何停止自动滑动的滑头滑块?

时间:2018-12-04 07:48:12

标签: autorotate

我想阻止滑动滑块自动旋转。我没有代码,但需要覆盖它。

<slick-slider>
 <slick-list>
  <slick-track>

   <slick-slide>
   </slick-slide>
   <slick-slide>
   </slick-slide>

  <slick-track>
 <slick-list>
<slick-slider>

1 个答案:

答案 0 :(得分:0)

进行自动播放:否

HTML

<div class="slider autoplay">
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
</div>

jQuery

$('.autoplay').on('init', function(slick) {
$('.slick-dots').on('click',function() {
    $('.autoplay').slick('slickPause');
});
}).slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  dots: true,
  autoplay: false,
  autoplaySpeed: 2000,
})

确保您已链接好代码和jQuery。