jquery - jCarouselLite 首先显示活动元素

Question

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

现在，在从轮播中单击一个元素后，li将获得一类活动的4 个可见元素。

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

我尝试了btnGo选项，但项目的数量可以改变（如在菜单中），并且在下一个按钮上多次触发点击事件，如下所示，但事件可以在之后触发一次它不会工作。

  $('.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 );
     }
    };

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

Answer 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);
  };