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

Question

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

有人知道如何做到这一点吗？

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

Answer 1

来自您发布的链接的documentation：

  

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

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

Answer 2

首先下载jCarousel Lite的uncompressed version并打开它。转到第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。实际的行号可能会有所不同。