javascript - 如何使用 jCarousel Lite 获取当前索引？

Question

我正在使用 jCarousel Lite 并且需要获取当前索引（正在显示哪个元素，因为我一次只显示一个项目），因此我可以将“当前”类添加到导航链接。

有谁知道我怎么能做到这一点？

http://www.gmarwaha.com/jquery/jcarousellite

Answer 1

从您发布的链接的文档中：

afterEnd动画结束后应该调用的回调函数。表示动画结束后可见项目的元素作为参数传入。

因此，创建一个设置“当前”类的函数，并afterEnd在创建轮播时将其作为选项传递。

Answer 2

首先下载jCarousel Lite的未压缩版本并打开它。转到第 288 行*，或 o.beforeStart.call() 下方的任何位置，并添加以下内容：

li.removeClass("current");

接下来转到第 313* 行，在 ul.animate(); 下方的任何位置，甚至在 animate() 回调中并添加以下内容：

li.eq(curr).addClass("current");

这就是 jCarousel Lite 修改的内容。保存文件/上传更改。

最后，您需要在页面加载后设置当前类。对于该用途：

$(".jCarouselLite li").eq(0).addClass("current");

or

$(".jCarouselLite li:first").addClass("current");

*未来读者注意：此更改适用于 v1.0.1。实际的行号可能会有所不同。