Slick.js旋轉木馬檢測最後拇指加載更多

Question

$('.carousel').on('afterChange', function(e, slick, cur){ 
    console.log(slick, cur); 
    // if(??) loadMore(); 
}); 

我怎麼能知道是否所有的旋轉木馬幻燈片已經看到，這樣我可以加載並追加更多的幻燈片？

如果slidesToShow爲1，我只是比較cur參數以幻燈片的數量，我該怎麼做時，slidesToShow & slidesToScroll有>1和不同的價值？

Answer 1

cur返回當前幻燈片（基於0）的索引，所以可以比較，與幻燈片的總數 - 1. slick對象包含一個$slides對象，它是代表所有幻燈片的陣列。

看上面的信息可以通過執行以下檢測的最後一個大拇指：

$('.carousel').on('afterChange', function(e, slick, cur) { 
    if (cur === slick.$slides.length - 1) { 
    //Replace with your "Load More" logic 
    console.log('Load More'); 
    } 
}); 

Fiddle Demo