jquery - 带有 jcarousel 的动态轮播

Question

我已经在这里摸索了好几个小时，尝试使用带有动态生成内容的 jcarousel，这意味着，我得到了一个初始轮播，比如说，里面有 3 个项目，然后将另一个项目添加到轮播中。

我这样做基本上是这样的：

$('.actorslider .slides').jcarousel('add', index, html);

问题是，索引是动态的，当用户在初始轮播上单击“下一步”时，我不知道我应该使用的下一个索引是什么，而当我尝试计算元素或增加最后一个元素时，轮播只会加倍。

你可以在这里看到我的意思

按下图像下方的按钮一次，然后混乱开始。

有任何想法吗 ？

Answer 1

我敢肯定有一种更简洁的方法可以实现您的目标，但是与此同时，您始终可以创建一个全局索引变量，例如

var $i;

并在每次动态加载幻灯片时增加它。

$i++;

如果您删除所有幻灯片，请重置您的计数器。

$i=0;