删除最后两张幻灯片

Question

我需要删除特定浏览器宽度上的光滑滑块的最后两张幻灯片。

我认为：

$('.slider').slick('slickRemove', slideIndex - 1);

至少最后一次会这样做。但是我错了

这里是fiddle：https://jsfiddle.net/osywsskz/

..

如果我选择特定的幻灯片编号：

$('.slider').slick('slickRemove',4);

有效。但是幻灯片的数量各不相同，所以这不是解决方案

Answer 1

直接来自the github page of slick.js：

slickRemove
index, removeBefore
Remove slide by index. If removeBefore is set true, remove slide preceding index, or the first slide if no index is specified. If removeBefore is set to false, remove the slide following index, or the last slide if no index is set.

所以 $('.slider').slick('slickRemove', false); 成功了！参见 fiddle：https://jsfiddle.net/0ufomhmz/

Answer 2

我们可以获得幻灯片计数：

$(".slider").slick({
  autoplay: false,
  dots: true,
});

$(document).ready(function(){

  var docWidth = $(document).width();    

  function getLastSlide(){
    return ($(".slider").slick("getSlick").slideCount - 1);
  }

  var deleteCount = 2;

  if(docWidth>500 && docWidth<700 )
  {
    for (var i = 0; i < deleteCount; i++) {
      $('.slider').slick('slickRemove', getLastSlide());
    }
  }
});

Answer 3

您需要将 slideIndex 定义为幻灯片的计数。可以按如下方式完成

var slideIndex = $(".slider > *").length

如果你想删除最后两张幻灯片，下面的代码就可以了（不是最优雅的）

$('.slider').slick('slickRemove', slideIndex);
$('.slider').slick('slickRemove', slideIndex - 1);

所有这些都在您的 if 语句中，因此最终代码如下所示

   var docWidth = $( document ).width();    

if(docWidth>500 && docWidth<700 )
{
  var slideIndex = $(".slider > *").length
  $('.slider').slick('slickRemove', slideIndex);
  $('.slider').slick('slickRemove', slideIndex - 1);
}

删除最后两张幻灯片

Remove last two slides

javascript

jquery

slick.js