javascript - 每次更改幻灯片时如何运行功能

Question

我正在使用一个光滑的滑块，我希望在活动幻灯片 1 中添加一个类。这就是我的做法：

$(document).ready(function(){

        var element = document.getElementsByClassName("slick-active");
        var i;
        for (i = 0; i < element.length; i++) {
            element[1].classList.add("slick-center")
        }

    });

但是，该功能仅在第一次加载页面时运行，并且每次单击下一个或上一个按钮以更改幻灯片时我都需要它运行。有什么建议么？

标签： javascriptjqueryslick.js

Answer 1

slick 有afterChange事件，使用事件来添加你的类

$('.your-element').on('afterChange', function(event, slick, currentSlide){
  // add your custom class here
});