Owl旋转木马-动态添加/删除项

Question

我正在将owl旋转木马集成到iPad应用程序中。如果用户不过滤在旋转木马中显示的项目，则旋转木马可以有1000 s的项。

为了帮助解决性能和加载问题，我目前只有25个项目开始旋转木马，然后当用户通过旋转木马导航时，它将动态添加另外25个项目到旋转木马的末尾。每当用户接近旋转木马结束的一半时，它就会这样做，直到没有更多的项目要添加为止。

现在正在发生的问题是，当旋转木马有大约300张图像时，仍然存在一些内存问题。应用程序会崩溃。

我在想，我需要从旋转木马的开始删除项目，但我正在画空白，如何使该工作。以下是几个注意事项：

• 我需要能够保持目前的位置在旋转木马时，项目是占优势的开始。
• 旋转木马需要保持与起始数组相同的顺序。
• 用户不应该注意到旋转木马的变化，不能影响UX。

我最初的想法是尝试在旋转木马中保留50个项目，然后当用户在旋转木马中来回导航时，根据需要从两端添加/删除项目。我只是因为看不出怎么开始就有了编码障碍。

谢谢你们！

Answer 1

只需使用它的一个函数来延迟加载：

http://www.landmarkmlp.com/js-plugin/owl.carousel/demos/lazyLoad.html

Answer 2

您可以使用remove.owl.carousel从旋转木马中删除元素，它不会干扰当前的流，并且用户不会感觉到旋转木马的任何变化。我做得就像

$('#owl-carousel').trigger('remove.owl.carousel',0).trigger('refresh.owl.carousel');

这里0是元素号，您可以在每个元素添加时使用它。