Add onClick callback for slides

Add onClick callback (optional) for when individual slides are clicked…

I’m basically achieving this right now by registering a click handler for each slide in the onInit callback:

onInit: function(slick){
    slick.$slides.each(function(index, slide){
        console.log('slide #' + index + ' has been clicked!');
    });
}

This seems to work, but it would be nice if there was an easier way to achieve this…

[kenwheeler]

You can do this like:

$('.slick-slider').on('click', '.slick-slide', callBack);

[codernik]

This works well $(‘#slider_co .slick-slide’).on(‘click’, function (e){ let slideClicked = $(e.currentTarget).attr(“data-slick-index”); console.log(slideClicked); });