首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何从owl-carousel 2中删除项目?

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

Stack Overflow用户
提问于 2016-09-17 14:28:22
回答 3查看 15.8K关注 0票数 3

如何从owl旋转木马库中删除项目?

下面是我的html标记:

代码语言:javascript
运行
复制
<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:

代码语言:javascript
运行
复制
$(".owl-carousel").owlCarousel({
  items: 1,
  margin: 10,
  rtl: true,
  autoHeight: true,
  lazyLoad: true
});
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-09-17 14:28:22

根据Owl Carousel Documentation的说法,你可以像下面这样删除索引,尽管猫头鹰转盘2现在是测试版,但请确保在未来检查文档以获得更好的方法(如果它们曾经实现):

代码语言:javascript
运行
复制
var indexToRemove = 2;
$(".owl-carousel").trigger('remove.owl.carousel', [indexToRemove]).trigger('refresh.owl.carousel');

根据一条评论,如果它对你不起作用,可以尝试以下方法:

代码语言:javascript
运行
复制
var owlCarousel = jQuery(".owl-carousel").data('owlCarousel');
owlCarousel.removeItem(1);
票数 6
EN

Stack Overflow用户

发布于 2018-11-02 13:39:42

我认为这是版本相关的

当我使用以下代码时

代码语言:javascript
运行
复制
var indexToRemove = 2;
$(".owl-carousel").trigger('remove.owl.carousel', [indexToRemove]).trigger('refresh.owl.carousel');

它是移除我的旋转木马,而不是特定的幻灯片。

下面的代码是为我工作。

代码语言:javascript
运行
复制
var owlCarousel = jQuery(".owl-carousel").data('owlCarousel');
owlCarousel.removeItem(1);

我使用的是OwlCarousel v1.31

票数 3
EN

Stack Overflow用户

发布于 2018-04-12 06:04:41

您可以使用owl carousel函数调用,如下所示。

代码语言:javascript
运行
复制
var indexToRemove = 2;
$('.owl-carousel').owlCarousel('remove', indexToRemove).owlCarousel('update');
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39543556

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档