如何清空 owlCarousel 中的项目？

Question

我有一个模型，我正在其中展示几张图片显示在 owlCarousel div 中。但问题是，当我关闭该模型并再次打开它时。然后图像附加到以前的图像。所以我想做一些事情来清除以前模型中的所有项目并重新初始化 owlCarousel。 我试过了:

var $carousel = $(".edit-manage-carousel");
for (var i =0; i<100; i++) {
  $carousel.trigger('remove.owl.carousel', i );
}

Answer 1

你做错了。

这是正确的方法。

for (var i=0; i<$('.item').length; i++) {
   $(".edit-manage-carousel").trigger('remove.owl.carousel', [i])
                             .trigger('refresh.owl.carousel');
}

Answer 2

Manish Prajapati 的回答是正确的，但项目的数量应该保存在一个变量中，而不是在每次迭代时计算。 原因是，是否有一个以上的元素，每次迭代时项目的数量都会发生变化，而最后一个在.

我认为这个应该更好用，如果我有错误请告诉我：

var length = $('.item').length;
for (var i=0; i<length; i++) {
   $(".edit-manage-carousel").trigger('remove.owl.carousel', [i])
                             .trigger('refresh.owl.carousel');
}