【问题标题】:How to get the current index with jCarousel Lite?如何使用 jCarousel Lite 获取当前索引?
【发布时间】:2011-02-13 05:40:18
【问题描述】:

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

有人知道我是怎么做到的吗?

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

【问题讨论】:

    标签: javascript jquery indexing jcarousellite


    【解决方案1】:

    来自您发布的链接中的documentation

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

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

    【讨论】:

      【解决方案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。实际的行号可能会有所不同。

      【讨论】:

        猜你喜欢
        • 2016-10-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-04-09
        • 1970-01-01
        • 2015-05-12
        • 2011-11-12
        • 1970-01-01
        相关资源
        最近更新 更多