javascript - 光滑边缘事件未触发

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事件。

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

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