覆盖光滑的轮播按钮动作

Question

如何更改上一个/下一个光滑按钮操作。 我有一个可动态加载的旋转木马。所以我需要为按钮添加图像加载操作。

我尝试将动作添加到光滑的声明块，如

    $(".mySlickCarousel").slick({
        prevArrow: function () {
           // code
        }
    })

也尝试了这个：

$('.your-element .next-button').click(function(event){
  //load image
});

它也不起作用。那么浏览器只进入一次该功能。这是第一次。然后忽略

UPD：所以，我解决了。正如一个人之前所说，你需要描述自己的按钮

 prevArrow: $ ('.prev'),
 nextArrow: $ ('.next'),

然后那样做

$(".next").on("click", function() {
    //your code
});

它有效！

Answer 1

只需将加载操作加载到轮播的下一个按钮。

$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  //load image
});

或者使用光滑的回调事件来获得更多输入（currentSlide，nextSlide）。

{{1}}