javascript - jQuery slick.js 轮播 : add items w/o changing current element

Question

我正在使用光滑的轮播 http://kenwheeler.github.io/slick/ .

我的旋转木马中有太多项目。我想在后台模式下部分加载它。我使用示例代码来添加新项目:

$('.add-remove').slick('slickAdd','<div>slide</div>', index);

当我加载“下一个”项目时它工作正常，但问题是加载“上一个”项目。例如，如果当前幻灯片索引为 10 并且我在 0 位置加载项目，轮播将滚动到索引为 10 的新项目。但是当我添加新项目时，我需要“静默模式”来处理 AJAX 请求，而无需更改轮播位置。

如何阻止 slick carousel 改变位置？

Answer 1

你不能阻止改变位置，但你可以在没有任何动画的情况下设置位置。

1. 在 `afterChange` 事件中添加新项目
2. 将新项目添加到轮播时，使用 `$('.add-remove').slick('slickGoTo', currentSlide, true);`
3. 计算 `currentSlide` 作为添加所有新项目后当前幻灯片的索引