2

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);
});

私のフィドル - http://jsfiddle.net/q5yae1t3/9/

4

2 に答える 2

7

i関数に変数が設定されていません$(...).on(...)。iに基づいて何かを削除するには、設定する必要がありますi。次に、すべての属性も変更する必要がありdata-slick-indexます。これは、スライド カウンターが変更されたときに属性が変更されていないためです。

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

http://jsfiddle.net/q5yae1t3/19/ お 役に立てば幸いです。

于 2015-06-09T21:08:23.657 に答える