光滑的轮播 - 确定轮播中的最后一个元素？

Question

我开始在我的项目中使用Slick Carousel（http://kenwheeler.github.io/slick/）。 有没有方法或属性，我可以检查我的旋转木马到达最后一个元素？或者找到，当前项目是什么？

我希望能够在用户到达轮播中的最后一个元素时立即使用AJAX插入新元素。

我想要实现的是无限延迟加载。它类似于日历视图，最初只加载当前周，一旦用户滚动到星期五，我想在下周加载。

Answer 1

文档中有一段用于延迟加载。从您要求的内容来看，这听起来很完美。

来自文档：

// To use lazy loading, set a data-lazy attribute
// on your img tags and leave off the src

<img data-lazy="img/lazyfonz1.png"/>

$('.lazy').slick({
  lazyLoad: 'ondemand',
  slidesToShow: 3,
  slidesToScroll: 1
});

所以我猜测要添加新图片，只需给它们data-lazy属性即可。希望这会有所帮助，但也许您已经看到了延迟加载示例并且正在寻找完全不同的东西：）

Answer 2

确定用户是否已到达最后一个元素的一种方法是查找具有slick-slide类的所有元素，然后检查它们中的最后一个是否具有slick-active类。

为此，在光滑的初始化程序中给出属性infinite: false。否则元素被克隆。