Javascript Slick.js：如何删除当前幻灯片？

使用-如何删除当前活动幻灯片？我举了一个例子，但什么都不管用

var $status = $('.pagingInfo');
var $slickElement = $('.slideshow');

$slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
    //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
    var i = (currentSlide ? currentSlide : 0) + 1;
    $status.text(i + '/' + slick.slideCount);
});

$slickElement.slick({
    slide: 'img',
    speed: 1,
    infinite: false,
    swipe: false,
    autoplay: false,
    dots: false
});

$('.remove-slide').on('click', function() {
    $slickElement.slick('slickRemove', i);
});

---

我的小提琴在这里-

在

$（…）.on（…）

函数中没有设置

i

变量。您需要设置

i

，以删除基于

i

的内容。然后还需要更改所有

数据平滑索引

属性，因为这些属性在幻灯片计数器更改时没有更改

$('.remove-slide').on('click', function() {
   i = $("img.slick-active").attr("data-slick-index");
   $slickElement.slick('slickRemove', i);
   var j = 0;
   $("img.slick-slide").each(function(){
     $(this).attr("data-slick-index",j);
     j++;
   });
});

希望有帮助

这是一条单行线

var currentSlide=$（'.slideshow'）.slick（'slickCurrentSlide'）；
$（'.slideshow'）.slick（'slickRemove'，currentSlide）帮助了我。我去掉了无限循环，它成功了。但是，当无限循环处于活动状态时，您知道在幻灯片移除后重建“数据平滑索引”的简单方法吗？计算出
.slick（'refresh'）
。看见