如何从owl旋转木马库中删除项目?
下面是我的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
});
发布于 2016-09-17 14:28:22
根据Owl Carousel Documentation的说法,你可以像下面这样删除索引,尽管猫头鹰转盘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);
发布于 2018-11-02 13:39:42
我认为这是版本相关的
当我使用以下代码时
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
发布于 2018-04-12 06:04:41
您可以使用owl carousel函数调用,如下所示。
var indexToRemove = 2;
$('.owl-carousel').owlCarousel('remove', indexToRemove).owlCarousel('update');
https://stackoverflow.com/questions/39543556
复制相似问题