Question

如何从猫头鹰旋转木马库中删除项目？

这是我的html标记：

<div class="owl-carousel owl-theme">
    <img src="/assets/storage/gallery/1.jpg"></div>
    <img src="/assets/storage/gallery/2.jpg"></div>
    <img src="/assets/storage/gallery/3.jpg"></div>
    <img src="/assets/storage/gallery/4.jpg"></div>
</div>

这是我的JavaScript：

$(".owl-carousel").owlCarousel({
  items: 1,
  margin: 10,
  rtl: true,
  autoHeight: true,
  lazyLoad: true
});

Answer 1

根据Owl Carousel Documentation您可以删除索引，但是Owl Carousel 2现在处于测试阶段，请确保将来检查文档以获得更好的方法（如果它们实现的话）：

var indexToRemove = 2;
$(".owl-carousel").trigger('remove.owl.carousel', [indexToRemove]).trigger('refresh.owl.carousel');

Answer 2

我认为这取决于版本

当我使用下面的代码

var indexToRemove = 2;
$(".owl-carousel").trigger('remove.owl.carousel', [indexToRemove]).trigger('refresh.owl.carousel');

它删除了我的轮播，而不是特定的幻灯片。

下面的代码对我有用。

var owlCarousel = jQuery(".owl-carousel").data('owlCarousel');
owlCarousel.removeItem(1);

我正在使用OwlCarousel v1.31

Answer 3

您可以使用如下的猫头鹰轮播功能调用。

var indexToRemove = 2;
$('.owl-carousel').owlCarousel('remove', indexToRemove).owlCarousel('update');

如何从owl-carousel 2中删除项目？

3 个答案: