滑边事件未触发

Slick edge event not triggering

本文关键字：事件      更新时间：2023-09-26

我有这个脚本;

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

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

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

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

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

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

相关文章：