How to get a slide element in an event in Slick Carousel?

Question

Slick Carousel: http://kenwheeler.imtqy.com/slick/

How can I get a slide element in an event? For instance:

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

The first argument is an event object, but its target (or currentTarget ) is always a container of slides, and the second argument seems to be a smooth object ....

Answer 1

you need to include the first argument to "event" like this

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

otherwise your currentSlide argument will be "slick"

Answer 2

To get the DOM element in the afterChange event:

 $('.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'); 

Source: https://github.com/kenwheeler/slick