Слик js удаление одного из слайдов приводит к пропуску слайдов

Question

Я добавляю слайд к слайдеру слайков, и когда я перехожу к следующему слайду, я хочу удалить первый слайд. Это приводит к пропуску одного из слайдов (это видно, когда я двигаюсь назад, появляется, но не когда я пытаюсь перейти вперед к последнему слайду). Теперь я попытался заставить slick перейти к следующему слайду, используя slick ('slickGoTo'), но это не имеет никакого эффекта.

$(document).ready(function(){

 var boolRemove = 0;

$('.slider').on("beforeChange", function(event, slick,currentSlide,nextSlide ) {
     if(!boolRemove && currentSlide == 1) {
      $(".slider").slick("removeSlide", 0);
      boolRemove = 1;
    }
  });

  $('.slider').slick({
    dots: false,
    autoplay: false,
    infinite: false,
    arrows: true,
    speed: 0,
    slide: 'div',
    cssEase: 'linear'
    });

   $('.slider').slick('addSlide', $(".slick-slide:first-child").clone() , 0);

});

Ссылка Fiddle: https://jsfiddle.net/fmxjL95p/

Answer 1

Похоже, проблема в том, что, поскольку вы запускаете свою функцию на beforeChange, индекс, который хранит Слик, по-прежнему указывает на предыдущий слайд (в данном случае первый слайд). Вы можете заставить свою функцию удалить первый слайд в нужное время, удалив слайд 0, когда currentSlide === 0 (вместо 1, как в вашем коде).

$('.slider').on("beforeChange", function(event, slick, currentSlide, nextSlide ) {
     if(!boolRemove && currentSlide === 0) {
         $(".slider").slick("removeSlide", 0);
         boolRemove = true;
     }
});