光滑边缘事件未触发

Question

我有这个脚本；

var $carousel = $("[data-carousel]");

$carousel.on('edge', function(event, slick, direction){
  console.log("edge");
});

$carousel.slick({
  slidesToShow: 4,
  slidesToScroll: 4,
  accessibility: false,
  draggable: false,
  infinite: false,
  prevArrow: $("[data-carousel-prev]"),
  nextArrow: $("[data-carousel-next]"),
  responsive: [
    {
      breakpoint: 1370,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3
      }
    }
  ]
});

但是到达边缘时，不会触发任何边缘事件按照文档似乎没问题我正在使用 slick 1.5.6

Answer 1

edge 事件仅在发生过度滚动时触发。

只有当 draggable 设置为 true 并且您拖动到最后一张幻灯片时才会发生这种过度滚动。

使用按钮不会触发 edge 事件。

如果您希望在最后一张幻灯片触发 "next" 按钮时执行一些代码，请将索引与 afterChange 事件结合使用。

免责声明：此答案中使用的版本：1.5.9

光滑边缘事件未触发

Slick edge event not triggering

javascript

jquery

slick.js