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
      }
    }
  ]
});

但是当到达边缘时，它不会触发任何边缘事件以下文档似乎没问题我正在使用光滑的1.5.6

Answer 1

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

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

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

如果你想要执行一些代码，如果＆＃34; next＆＃34;在最后一张幻灯片中触发按钮，将索引与afterChange事件结合使用。

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

光滑边缘事件不会触发

1 个答案: