Removing slide on click

Hi,

I’m having a frustrating time trying to remove slides when clicked. I think the problem lies in me not getting the correct index required for the ‘slickRemove’ method.

both of these do not work:

function onClicked(){
    $('#myslider').slick('slickRemove', $(this).index($('#myslider').slick.$slides));
}

function onClicked(){
    $('#myslider').slick('slickRemove', $(this).attr('data-slick-index'));
}

the second one works at first, but as slides are removed ‘data-slick-index’ attr is not updated so the wrong slides start getting removed.

Hopefully there is an obvious solution that I am missing.

Thanks, Damon.

[IanCaz]

Not sure if it’s much help, but I worked around my problem by doing a refresh after removing a slide: $(".slickContainer").slick('slickRemove', curSlide, false).slick('refresh');

[subhak186]

Does the data-slide-index update requires adding below snippet to slickRemove API?

_.$slides.each(function(index, element) { $(element).attr(‘data-slick-index’, index); });