问题标签 [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.
owl-carousel - 根据视口大小销毁并初始化 Owl Carousel 2
我已经阅读了很多关于此的讨论,但没有一个为我解决了这个问题。
我正在使用 enquire.js 来做我的视口条件,我的代码如下:
一切都按预期工作,除了destroy
触发时,我的控制台抛出此错误:
发生这种情况时,当我的条件匹配时,滑块将不再初始化。我不确定到底发生了什么。
9/15 更新:
我在 GitHub 上遇到了这个问题,并对我的滑块做了同样的事情:
https://github.com/OwlFonk/OwlCarousel2/issues/460
我现在能够销毁并重新初始化 OwlCarousel,因为类和包装器已经消失了。但是,我仍然收到该控制台错误。每次调整视口大小时都会重复该错误,因此尽管我的滑块行为正确,但它并不理想。关于我为什么会收到该错误的任何帮助都会很棒!
jquery - 在 Owl Carousel 中的视图上触发 HighCharts 动画
我有一组显示在 Owl Carousel 中的高位图表图形 + 文本。每张幻灯片都包含一个带有文本的图表。
我想做的是触发图表动画以在视图中进行绘制,一旦在轮播中进行高级或滑动。我怎么能做到这一点?
任何建议,将不胜感激!
JSFiddle:http: //jsfiddle.net/trenholm/dq43y537/
owl-carousel - Owl Carousel 2 beta ,跳转到特定幻灯片
我已经在我的网站中实现了 Owl Carousel 2,我希望能够使用提供的 Jumbpto 帮助程序跳转到特定的幻灯片,
但似乎测试版没有 owl.jumpTo 助手。
有什么帮助吗?至少用于查找测试版的文档
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:
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 中的边界问题?
javascript - 多个猫头鹰轮播在一页不同的设置
有两个 owlCarousel 在一个页面中完美运行,但我想更改每个轮播的默认设置。一旦我更改了适用于两个轮播的效果。
我已经尝试过的
我想为每个轮播更改以下设置
javascript - 猫头鹰旋转木马,到达第一个/最后一个项目后禁用导航
我正在尝试为我的网站使用 owl carousel。我想在导航到达第一个/最后一个项目后禁用导航,例如通过在导航中添加“禁用”类然后通过 css 禁用它。是否可以?
我的代码
javascript - 在动态 html 中加载插件不起作用
我正在尝试为我的项目使用轮播缩略图,但是这些项目是由另一个脚本生成的,我正在尝试为轮播加载插件,但他无法识别这些项目。
我的真实 HTML:
在由另一个脚本添加之后:
我的 jQuery 插件
不起作用,因为它无法读取“产品容器”项目
jquery - 移动响应在真实设备中失败
这是我的网站:http ://styles.my/widget_stylescopy/mstar_v2/scheduler/mstar.php 。
Chrome 中的一切都很好。但它不适用于 Chrome 模拟器,也不适用于真实的移动设备。
我使用http://owlgraphic.com/owlcarousel/#demo作为滑块,但滑块本身是响应式的。我想知道有什么问题。我确定我没有错过宣布的猫头鹰旋转木马的设置。
owl-carousel - 可以使用 Owl Carousel 和 Bootstrap 3 吗?
我注意到 owl carousel 1 演示正在使用 bootstrap 2(如果适用)。将 bootstrap 2 与 owl carousel 1 一起使用是否重要,或者我可以使用 bootstrap 3 进行造型?网站上没有关于此的信息。
谢谢。