jcarousel.jcarousel('visible')提供错误的项目数

Question

我在我的项目中使用jcarousel插件。我使用以下函数来实现产品滑块的分页

actualizePagination: function(element) {
    var jcarousel = element.find('.jcarousel');
    var visibleItems = jcarousel.jcarousel('visible').length;
}

当我第一次使用产品滑块加载页面时，visibleItems显示值5(错误)。现在，当我在productslider上执行任何事件时，例如调整浏览器大小或单击jcarosel控件，visibleItems变为6，这是正确的。如何在插件中将jcarosel元素设置为“可见”？这是一个更新错误吗？

Answer 1

这可能与jcarousel v0.3.4相关。我在第一次加载时得到了不正确的分页项目数量。然后，当我调整浏览器窗口的大小时，它会自动修复。新的窗口大小不必影响页面的布局，但很可能触发了一个事件侦听器。然后jcarousel得到正确的分页。我的代码在document ready上运行。

然后我触发了窗口大小调整事件，它解决了这个问题。

$(window).trigger('resize');

我试着延迟jcarousel激活，这也起作用了，所以我坚持这个解决方案。

setTimeout(function(){
            activateCarousel();
        }, 300);

function activateCarousel() {    
      $('.jcarousel').jcarousel();

      $('.jcarousel-pagination')
         .on('jcarouselpagination:active', 'a', function() {
             $(this).addClass('active');
         })
         .on('jcarouselpagination:inactive', 'a', function() {
             $(this).removeClass('active');
         })
         .jcarouselPagination();
}