问题标签 [owl-carousel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
29403 浏览

javascript - 设置后更改 owl carousel 2 选项?

我正在寻找更具体的设置后更改 owl carousel 2 选项。

我正在寻找一种方法来禁用拖动元素的父元素的拖动,如下所示:

0 投票
8 回答
71296 浏览

javascript - 如何重新启动 owl carousel 2.0?

我知道在 owl carousel 的第一个版本中,我们这样做:

好的,但是我们如何在第二个版本中做到这一点,我不知道他们是如何重命名的。

0 投票
1 回答
2363 浏览

jquery - 轮播仅在 Bootstrap 模态中工作一次

我正在使用 Json 文件中的一些数据构建一个 Bootstrap 模式。我正在尝试在模式中包含一个带有图像的轮播。旋转木马是猫头鹰旋转木马

我让事情正常工作。但是,轮播仅在您第一次打开模式时才起作用。第二次打开任何模式时,轮播不起作用。有人有这方面的经验吗?或者是什么原因造成的?

我的代码:

有人吗?提前谢谢...

0 投票
2 回答
4524 浏览

templates - Meteor:模板用数据渲染后调用函数

我有一些我想在轮播中显示的帖子。对于轮播,我使用OwlCarousel

我这样称呼我的旋转木马:

我得到的结果是 Owl 基本上认为我只有一个项目可以在轮播中显示,它们是多个 div。显然发生的是 Template.featuredCarousel.rendered 中的函数在模板的#each-part 完成之前或数据到达之前被调用。

如何使实例化轮播的函数仅在模板完全呈现(包括所有数据)后才被调用?

非常感谢您的帮助。

PS:我使用 Iron-router 进行路由,如下所示:

PPS:我也尝试过使用加载模板,但这也无济于事。

0 投票
1 回答
9777 浏览

javascript - 在单独元素悬停时暂停轮播(Owl Beta 2)

我创建了一个单独的导航,它完全位于轮播之外,但我在自动播放方面遇到了一些问题。

这是标记:

这是Javascript:

和按预期调用,但轮播有时只会暂停.on('mouseover', ....on('mouseleave', ...当它暂停时,我看不到任何模式。

工作非常好,.on('click', ...除非自动播放暂停,它会立即恢复。我尝试在导航后立即添加一个呼叫以停止自动播放,但它没有产生任何影响。

我的问题是:

1)当鼠标悬停在某些元素上时,如何始终暂停轮播?

2)即使在触发后,轮播自动播放是否可以保持暂停(假设鼠标悬停在某些元素上)to.owl.carousel

0 投票
1 回答
1346 浏览

javascript - 在 Ember 中使用 Owl Carousel

Ember.js 使用脚本标签在 DOM 中进行数据绑定,而 owl-carousel 拾取脚本标签并将它们作为元素添加到滑块中。有没有办法忽略那些脚本标签。IE:

在此处输入图像描述

0 投票
2 回答
21714 浏览

javascript - Owlcarousel 2 动态加载的内容

我在将内容加载到 owl carousel 2 时遇到问题。我正在尝试通过此功能获取新项目:

如果我像这样将新项目附加到 .owl-stage ,$(".owl-stage").append(data);我可以看到它们,但我不能滑动到它们。我认为 owlcarousel 认为仍然只有 5 个项目,即使我添加了更多。

如果我更改$(".owl-stage").append(data);$(".owl-stage").html(data);. 然后显然旧内容消失了,但我可以滑动到新项目。

谁能建议我应该怎么做?我正在使用 owlcarousel 2.0.4。

0 投票
0 回答
961 浏览

javascript - 幻灯片放映结束后猫头鹰滑块移动到第一张幻灯片而没有动画

我正在使用 Owl Slider,我想在最后一张幻灯片之后显示第一张幻灯片。目前,它在幻灯片放映结束后通过显示所有以前的幻灯片移回第一张幻灯片。我需要它在幻灯片放映结束后显示第一张幻灯片,就像一个循环我尝试了以下

但它不显示最后一张幻灯片和JumpsTo第一张幻灯片

0 投票
0 回答
1258 浏览

javascript - Owl Carousel - 多个滑块导致页面在加载时冻结

我在 WordPress 主题上使用 owl carousel。3 个轮播显示在首页 - 第 4 个显示在内页。

在加载首页时,它不会响应任何鼠标操作约 1-2 秒。它像大多数 CPU 一样被使用,但随后加载正常。我可以在下面的代码中更改某些内容以提高性能吗?

0 投票
1 回答
3505 浏览

javascript - Uncaught TypeError: boolean is not a function with Owl Carousel

我尝试使用Owl Carousel 2制作轮播,但是当我尝试使用鼠标(拖动)进行分页时,它会生成此错误: Uncaught TypeError: boolean is not a function

我的 HTML:

我的Javascript:

我的控制台上的错误: Uncaught TypeError: boolean is not a function with Owl Carousel