如何在Slick Carousel的事件中获取幻灯片元素？

Question

如何在事件中获取幻灯片的元素？例如:

   .on('afterChange', function (slick, currentSlide)
   {
      var currentSlideElement = //Get current slide element here
   });

第一个参数似乎是event对象,但它的target(或currentTarget)始终是幻灯片容器,第二个参数似乎是光滑的对象....

Answer 1

你需要像这样包含第一个参数"event"

$('.your-element').on('afterChange', function(event, slick, currentSlide){
  console.log(currentSlide);
});

或者你的"currentSlide"论点将是"光滑的"

谢谢.你的回答帮助我朝着正确的方向前进.```currentSlide```返回一个数字,然后我可以通过```data-slick-index```属性选择元素,例如```$("[data-slick-index ='"+ currentSlide +"']);```. (10认同)

Answer 2

要在'afterChange'事件中获取DOM元素:

$('.your-element').on('afterChange', function (event, slick, currentSlide) {
    var elt = slick.$slides.get(currentSlide);
});

Answer 3

// Get the current slide
var currentSlide = $('.your-element').slick('slickCurrentSlide');