jQuery slick.js 轮播：添加项目 w/o 改变当前元素

jQuery slick.js carousel: add items w/o changing current element

我正在使用 slick carousel http://kenwheeler.github.io/slick/。

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

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

当我加载 "next" 项时它工作正常，但问题是加载 "previous" 项。例如，如果当前幻灯片索引为 10 并且我在 0 位置加载项目，轮播将滚动到索引为 10 的新项目。但是我需要 "silent mode" for AJAX requests w/o 在添加新项目时更改轮播位置。

如何阻止 slick carousel 改变位置？

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

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