【发布时间】:2011-02-13 05:40:18
【问题描述】:
我正在使用 jCarousel Lite 并且需要获取当前索引(正在显示哪个元素,因为我一次只显示一个项目),以便我可以向导航链接添加一个“当前”类。
有人知道我是怎么做到的吗?
【问题讨论】:
标签: javascript jquery indexing jcarousellite
我正在使用 jCarousel Lite 并且需要获取当前索引(正在显示哪个元素,因为我一次只显示一个项目),以便我可以向导航链接添加一个“当前”类。
有人知道我是怎么做到的吗?
【问题讨论】:
标签: javascript jquery indexing jcarousellite
来自您发布的链接中的documentation:
afterEnd 回调函数应该 在动画结束后调用。 表示项目的元素 动画后可见的 结束作为参数传入。
因此,创建一个设置“当前”类的函数,并在创建轮播时将其作为afterEnd 选项传递。
【讨论】:
首先下载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。实际的行号可能会有所不同。
【讨论】: