jQuery slick.js carousel:添加不改变当前元素的项目

Question

我使用的是滑溜旋转木马http://kenwheeler.github.io/slick/。

我有一个旋转木马，里面的东西太多了。我想以后台模式部分加载。我使用示例代码来添加新项:

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

当我加载"下一个"项目时，它工作正常，但问题是加载"上一个"项目。例如，如果当前幻灯片索引为10，而我在0位置加载项目，carousel将滚动到索引为10的新项目。但我需要"沉默模式"的AJAX请求w/o改变旋转木马的位置，当我添加新项目。

如何阻止旋转木马改变位置?

Answer 1

你不能阻止位置的改变，但是你可以在不使用动画的情况下设置位置

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