问题标签 [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 投票
1 回答
13843 浏览

owl-carousel - 根据视口大小销毁并初始化 Owl Carousel 2

我已经阅读了很多关于此的讨论,但没有一个为我解决了这个问题。

我正在使用 enquire.js 来做我的视口条件,我的代码如下:

一切都按预期工作,除了destroy触发时,我的控制台抛出此错误:

发生这种情况时,当我的条件匹配时,滑块将不再初始化。我不确定到底发生了什么。

9/15 更新:

我在 GitHub 上遇到了这个问题,并对我的滑块做了同样的事情:

https://github.com/OwlFonk/OwlCarousel2/issues/460

我现在能够销毁并重新初始化 OwlCarousel,因为类和包装器已经消失了。但是,我仍然收到该控制台错误。每次调整视口大小时都会重复该错误,因此尽管我的滑块行为正确,但它并不理想。关于我为什么会收到该错误的任何帮助都会很棒!

0 投票
1 回答
798 浏览

jquery - 在 Owl Carousel 中的视图上触发 HighCharts 动画

我有一组显示在 Owl Carousel 中的高位图表图形 + 文本。每张幻灯片都包含一个带有文本的图表。

我想做的是触发图表动画以在视图中进行绘制,一旦在轮播中进行高级或滑动。我怎么能做到这一点?

任何建议,将不胜感激!

JSFiddle:http: //jsfiddle.net/trenholm/dq43y537/

0 投票
6 回答
48724 浏览

owl-carousel - Owl Carousel 2 beta ,跳转到特定幻灯片

我已经在我的网站中实现了 Owl Carousel 2,我希望能够使用提供的 Jumbpto 帮助程序跳转到特定的幻灯片,

但似乎测试版没有 owl.jumpTo 助手。

有什么帮助吗?至少用于查找测试版的文档

0 投票
1 回答
2593 浏览

javascript - Owl Carousel 2 beta,在 Url Hash Navigation 上添加“selected”类

我正在尝试将“选定”类添加到“url 哈希按钮”。

查看原始演示:http ://www.owlcarousel.owlgraphic.com/demos/urlhashnav.html

我希望它<a class="button secondary url" href="#zero">zero</a><a class="button secondary url selected" href="#zero">zero</a>在单击它时更改为,或者在它上面自动播放项目,或者在它上面拖动/滑动项目。

我尝试使用一个按钮进行测试,但它不起作用:

HTML:

JS:

0 投票
5 回答
4680 浏览

jquery - 最后一项边框在 Owl-Carousel 中不起作用

我正在将[Owl Carousel][1]Bootstrap一起使用。但最后一项边框在 Owl-Carousel 中不起作用。

我想在项目悬停时添加边框。但右边框不显示在最后一项中。

示例-1

当 Owl Carousel包裹在 bootstrap Grid 中时<div class="col-*-*">...</div>

所以,我明白了。(不能正常工作。) 在此处输入图像描述

示例 2

但是,当 Owl Carousel没有在 bootstrap Grid 中换行时<div class="col-*-*">...</div>

所以,我明白了。(工作正常。) 在此处输入图像描述

现场演示 - http://jsfiddle.net/harnishdesign/zwd9uysg/18/embedded/result/

如何解决 Example-1 中的边界问题?

0 投票
4 回答
11541 浏览

javascript - 多个猫头鹰轮播在一页不同的设置

有两个 owlCarousel 在一个页面中完美运行,但我想更改每个轮播的默认设置。一旦我更改了适用于两个轮播的效果。

我已经尝试过的

我想为每个轮播更改以下设置

0 投票
9 回答
73521 浏览

javascript - 猫头鹰旋转木马,到达第一个/最后一个项目后禁用导航

我正在尝试为我的网站使用 owl carousel。我想在导航到达第一个/最后一个项目后禁用导航,例如通过在导航中添加“禁用”类然后通过 css 禁用它。是否可以?

我的代码

http://jsfiddle.net/p3d52z4n/1/

0 投票
0 回答
68 浏览

javascript - 在动态 html 中加载插件不起作用

我正在尝试为我的项目使用轮播缩略图,但是这些项目是由另一个脚本生成的,我正在尝试为轮播加载插件,但他无法识别这些项目。

我的真实 HTML:

在由另一个脚本添加之后:

我的 jQuery 插件

不起作用,因为它无法读取“产品容器”项目

0 投票
2 回答
87 浏览

jquery - 移动响应在真实设备中失败

这是我的网站:http ://styles.my/widget_stylescopy/mstar_v2/scheduler/mstar.php 。

Chrome 中的一切都很好。但它不适用于 Chrome 模拟器,也不适用于真实的移动设备。

我使用http://owlgraphic.com/owlcarousel/#demo作为滑块,但滑块本身是响应式的。我想知道有什么问题。我确定我没有错过宣布的猫头鹰旋转木马的设置。

0 投票
1 回答
462 浏览

owl-carousel - 可以使用 Owl Carousel 和 Bootstrap 3 吗?

我注意到 owl carousel 1 演示正在使用 bootstrap 2(如果适用)。将 bootstrap 2 与 owl carousel 1 一起使用是否重要,或者我可以使用 bootstrap 3 进行造型?网站上没有关于此的信息。

谢谢。