为啥 jCarousel Next/Prev 按钮在添加项目后未启用

Posted 2023-02-25

【中文标题】为啥 jCarousel Next/Prev 按钮在添加项目后未启用

【英文标题】：Why jCarousel Next/Prev button is not enabling after adding item into it为什么 jCarousel Next/Prev 按钮在添加项目后未启用

【发布时间】：2012-09-28 14:42:14

【问题描述】：

最初我在 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 按钮现在已启用，但不执行任何操作。

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

谢谢！

【参考方案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);

试一试。

【讨论】：

是的，我也对现有的 carousel 对象做了同样的 carousel.reset() carousel.size() ，它也对我有用。抱歉，我无法及时将其添加到此帖子中。感谢您的回复。