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

jCarouselLite首先显示活动元素

1 个答案: