最後の2つのスライドを削除します

Question

特定のブラウザの幅で滑らかなスライダの最後の2つのスライドを削除する必要があります。

私は考えた：

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

は最後のために、少なくともそれを行うだろう。しかし、私は間違っていました。ここで

はフィドルです：https://jsfiddle.net/osywsskz/

..

私は特定のスライド番号選択した場合：

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

をそれが動作します。しかし、スライドの数が変化するので、これはthe github page of slick.jsから解決策を直接

Answer 1

を私たちは、スライド数を取得することができます

$(".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 2

ではありません：

slickRemove
インデックス、removeBefore
はインデックスでスライドを削除します。 removeBefore がtrueに設定されている場合は、スライド先行インデックスを削除するか、 インデックスが指定されていない場合は最初のスライドを削除します。 removeBeforeがfalseに設定されている場合は、インデックスに続くスライド を削除します。インデックスが設定されていない場合は最後のスライドを削除します。

だから$('.slider').slick('slickRemove', false);トリック！ がフィドルを参照してください：https://jsfiddle.net/0ufomhmz/

Answer 3

あなたはスライドのカウントとしてslideIndexを定義する必要があります。

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

あなたは最後の2枚のスライドを削除したい場合は、次のコードは動作します（ない最もエレガント）

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