jcarousel - 为什么 jCarousel Next/Prev 按钮在添加项目后未启用

Question

最初我在 ul 下有三个 li 项目。使用 ui 创建了一个 jCarousel 实例，它使用三个 li 项目成功显示了轮播。默认情况下，轮播显示三个项目，因此 Next/Prev 按钮被禁用。

现在我使用 $('#mycarousel').data('jcarousel').add(...) 方法在轮播下添加一个新的 li 项目。它显示 li 已添加到具有适当 jcarouselidex 的 ul 下，但轮播的 Next/Prev 按钮仍处于禁用状态，因此我在轮播中看不到它。

注意：如果我创建带有 4 个或更多 li 项目的轮播，则 Next/Prev 按钮将变为启用状态，并且可以正常工作。

我试过的：我看到 Next/Prev 按钮的 div 处于禁用状态，所以在添加新项目后，我启用了 div。Next/Prev 按钮现在已启用，但不执行任何操作。

任何解决方法都将受到高度赞赏。

谢谢！

Answer 1

这也让我想通了一些。调用 reload() 函数后，我用数组的新大小调用了 size() 函数。这是一个示例：

            carousel = jQuery('#header_selector').data('jcarousel');
            carousel.reset();
            for(n = 0; n < response.images.length; n++) {
                carousel.add(n, '<img src="' + response.images[n] + '" />' );
            }
            carousel.scroll(carousel.first);
            carousel.reload();
            carousel.size(response.images.length);

试一试。