每次更换幻灯片时如何运行功能

时间:2019-02-20 10:32:27

标签: javascript jquery slick-slider

我正在使用光滑的滑块,并且希望将一个类添加到活动幻灯片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")
        }

    });

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

1 个答案:

答案 0 :(得分:0)

slick具有afterChange事件,请使用该事件添加您的课程

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