如何在运行时在jCarouselLite上添加元素？

Question

我很难实现这个目标。我想在运行时在ul上添加元素，但这在jCarouselLite上无法正常工作。
当我添加li元素时，它只是在底部添加但不与流对齐。

为了明白我的意思，请参阅代码here

希望有人可以提供帮助。

Answer 1

jCarouselLite似乎不支持动态添加元素。您可能需要考虑使用jCarousel，而这似乎对此有所支持。

当您添加li时，它会被包裹到下一行，因为jCarouselLite已在ul元素上设置了显式宽度。您可以通过在添加新li项时添加其宽度来阻止li换行：

$("#list").width(52 + $("#list").width());

但是，这并没有解决问题，因为jCarousel对象包含一个私有成员变量itemLength，用于进行边界检查，因此它会在你到达结束之前停止轮播并查看新添加的项目。

你可以通过删除+然后重新创建Carousel来捏造一些东西，但如果你需要这个功能，感觉就像你应该尝试使用支持它的插件一样。