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

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 文档，您可以删除索引如下，但是 Owl Carousel 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);