jCarouselLite 首先显示活动元素答案

【问题标题】：jCarouselLite show active element firstjCarouselLite 首先显示活动元素
【发布时间】：2014-10-01 10:43:36
【问题描述】：

我有一个使用 jCarouselLite 脚本的轮播，轮播用作页面上的子菜单。

现在，在从轮播中单击一个元素后，li 将获得一个 active 类，共有 4 个可见元素。

我无法在页面加载时滚动到活动元素，因此它对用户可见。

我尝试了 btnGo 选项，但项目的数量可以改变（如在菜单中），并且在 上多次触发 click 事件>next按钮如下图，但是事件可以触发一次，之后就不起作用了。

  $('.slideshow').jCarouselLite({
      btnNext: "#next",
      btnPrev: "#prev",
      visible:4,
      circular: false,
      mouseWheel: true,
      btnGo:[".slideshow li.active"]
   });

    //scroll to active element
    var activePosition = $('.slideshow ul li.active').position();
    if (activePosition != null) {
    var index = $('.slideshow ul li.active').index();

    for (var i = index-4; i >= 0; i--) {
      $('#next').trigger('click').delay( 800 );
     }
    };

这可以通过任何方式完成吗？？

【问题讨论】：

标签： jquery jcarousellite

【解决方案1】：

为了解决这个问题，实际上用 jCarousel 替换了 lite 版本，jCarousel 有一个内置函数可以转到下面显示的轮播示例的位置（索引）。

var activePosition = $('.slideshow ul li.active').position();
  if (activePosition != null) {
    var index = $('.slideshow ul li.active').index();
    $('.slideshow').jcarousel('scroll',index);
  };

【讨论】：