Question

我正在使用Ken Wheeler的Slick并且想要在用户点击slick-prev或光滑下一个或者向左或向右拖动旋转木马时将自动播放设置为false。

slick = $('.slick').slick({
        slidesToShow: 3,
        slidesToScroll: 2,
        autoplay: true,
        autoplaySpeed: 2500,
        dots: false,
      });

我尝试了以下

$('.slick-prev, .slick-next').on('click', function(){
        slick.slickSetOption('autoplay', false, false);
});

和

$('.slick-prev, .slick-next').on('click', function(){
        $(slider).slick('slickSetOption', 'autoplay', false, false);
    });

两者都不起作用，我不确定如何寻找可拖动的事件。

Answer 1

<强>更新

您需要使用// == Physical Plan == // *Project [key#171, val1#172, val2#173, val5#682, val6#683, val5#712, val6#713] // +- *SortMergeJoin [key#171], [key#711], Inner // :- *Project [key#171, val1#172, val2#173, val5#682, val6#683] // : +- *SortMergeJoin [key#171], [key#681], Inner // : :- *Sort [key#171 ASC], false, 0 // : : +- Exchange hashpartitioning(key#171, 200) // : : +- *Filter isnotnull(key#171) // : : +- InMemoryTableScan [key#171, val1#172, val2#173], [isnotnull(key#171)] // : : +- InMemoryRelation [key#171, val1#172, val2#173], true, 10000, StorageLevel(disk, memory, deserialized, 1 replicas) // : : +- Exchange hashpartitioning(key#171, 3) // : : +- LocalTableScan [key#171, val1#172, val2#173] // : +- *Sort [key#681 ASC], false, 0 // : +- Exchange hashpartitioning(key#681, 200) // : +- *Project [_1#677 AS key#681, _2#678 AS val5#682, _3#679 AS val6#683] // : +- *Filter isnotnull(_1#677) // : +- LocalTableScan [_1#677, _2#678, _3#679] // +- *Sort [key#711 ASC], false, 0 // +- ReusedExchange [key#711, val5#712, val6#713], Exchange hashpartitioning(key#681, 200)，如下所示：

<强> HTML

slickSetOption

<强> JS

<div class="my-slick">
  <div>Box 1</div>
  <div>Box 2</div>
  <div>Box 3</div>
  <div>Box 4</div>
</div>

Codepen

如何在单击和拖动时停止Slick Slider自动播放

1 个答案: