如何从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');
}