Question

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

如何知道旋转木马中的所有幻灯片是否都已被看到，以便我可以加载并添加更多幻灯片？

如果slidesToShow为1，我只需将cur参数与幻灯片数量进行比较，如何在slidesToShow＆amp; 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

Slick.js轮播检测到最后一个拇指加载更多

1 个答案: