问题标签 [owl-carousel-2]

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 投票
2 回答
753 浏览

meteor - Meteor - 猫头鹰轮播动态页面2,刷新页面后,猫头鹰轮播会中断

我在使用 jquery OwlCarousel2 时遇到了显示问题,所有数据上下文都由 Iron-router 发送到模板中。

有时用户界面正常工作有时不工作。如果我尝试刷新页面,Carousel 将会损坏。

这是 15 秒的视频演示,因此可以清楚地看到显示问题。 UI 问题 - OwlCarousel2 和 Meteor2

我一直在尝试通过使用 Meteor.defer( ) 或 Meteor.setTimeout( ) 和其他方法来解决这个问题,在解决这个问题超过 10 天之后仍然没有任何运气。这个你能帮我吗。非常感谢你们。

集合.js

路由.js

专辑歌曲.html

OwlCarousel.html

OwlCarousel.js

0 投票
1 回答
4706 浏览

jquery - 带有循环自动播放视频和轮播的 Owl Carousel 中的 HTML5 视频

下面的代码适用于循环视频和轮播自动播放,但问题是当更改浏览器窗口选项卡并在一段时间后返回时,此选项卡视频卡住并且我的循环停止。

0 投票
2 回答
2692 浏览

twitter-bootstrap-3 - 没有固定宽度的猫头鹰旋转木马真的可以工作吗?

我一直在通常具有将宽度设置为 1200 像素的包装容器的页面上使用 owl carousel 1.3。

我开始构建响应式网站,现在不在任何包装器上使用固定宽度,我也在使用 Owl 的第 2 版。

我正在使用引导网格布局并试图让我的猫头鹰轮播响应。但是我无法让它工作,它似乎只有在你在父 div 上设置宽度时才有效。

例如,如果我有这个:

owl 滑块将占据 100% 的屏幕宽度,它会忽略 66% 的 col-md-8 宽度,所以我最终会得到一个损坏的布局。

owl carousel 是否真的响应迅速,或者您是否必须为其固定宽度才能使其正常工作?

0 投票
1 回答
749 浏览

javascript - 如何使用 owl carousel 与 RTL 方向同步

我想使用 owl carousel sync 与 RTL 方向但不工作

我写了以下样式来解决这个问题错误我的同步猫头鹰轮播不工作:

现在做什么?

0 投票
0 回答
768 浏览

javascript - 自定义猫头鹰轮播分页

我想在 owl carousel 中创建自定义分页。我想要一种情况,每当我点击说“移动应用程序”时,它应该带我到相应的视图。并且当轮播发生变化时,应该使用 jquery 更新链接。链接在我的视图的左侧,而滑块在右侧。所以每当轮播发生变化时,链接都应该更新。我不知道如何用 jquery 来实现这一点。请有人帮忙!

0 投票
1 回答
1946 浏览

jquery - 猫头鹰旋转木马无需滚动即可跳转到特定项目

我有一个猫头鹰轮播设置。我试图跳到特定项目的地方。这是一个小提琴。

小提琴

owl.goTo用来直接跳转到一个项目。

但是 owl carousel 是如何做到这一点的,它会滚动所有其他项目以到达目标。例如,如果我当前的项目是 2,如果我跳转,那么为了转到 7,它会滚动到第 3、4、5 和第 6 个项目。

我更期待的是修改代码,使其不会滚动浏览所有项目,而只显示下一个项目。

我猜 owl carousel 没有开箱即用地提供这个选项。但如果确实如此,请告诉我,它会很棒。

所以,如果有人过去做过这样的任务,请帮忙。

注意:我知道淡入淡出效果会显示直接过渡,但我正在寻找的是滚动过渡。

此外,如果有一个猫头鹰轮播的替代品可以提供这种开箱即用的功能,那么很高兴知道。

0 投票
3 回答
4868 浏览

javascript - 猫头鹰轮播返回错误

我正在尝试在我的网站上安装 Owl Carousel 2,这是第一次使用它,并且按照所有指令我仍然遇到一些问题。

导入所有文件后:

添加演示 javascript 代码:

并尝试加载示例文件:

控制台返回这个:

而且我不知道为什么它会返回此错误。

0 投票
1 回答
2128 浏览

javascript - 如何使 Owl Carousel 键盘易于访问

根据Web Content Accessibility Guidelines,为了使网站被认为是可访问的,您应该能够使用键盘来实现内容的所有功能:

内容的所有功能都可以通过键盘界面进行操作

我正在使用 Owl Carousel 2,并添加了箭头并将它们链接起来,如下所示:

但是这些箭头无法使用键盘访问,只能使用鼠标。我怎样才能使它们易于访问?

0 投票
1 回答
3376 浏览

jquery - 设置 OwlCarousel2 的滚动速度

我使用了一个演示 https://owlcarousel2.github.io/OwlCarousel2/demos/mousewheel.html 只更改了下面的代码,因为它在该示例中进行了反向滚动。

但它以非常快的速度滚动它。如果您每个阶段使用 6 个项目 - 没关系,但如果您像我一样使用每个阶段 2 或 1 个项目 - 它会将我滚动到第 10-11 号,而不是第 3 或第 4 号项目。

我怎样才能使滚动速度变慢?一次滚动 2-3 个项目?

我使用 Safari、Mac OSX Sierra

完整的JS代码:

0 投票
4 回答
33126 浏览

javascript - ajax调用后如何重新初始化猫头鹰轮播?

我正在尝试在成功调用 ajax 后重新初始化 owl carousel。ajax 调用将更改数据,但视图应保持不变。我遇到了视图轮播结构不会重新初始化的问题。我不知道我在哪里做错了。

阿贾克斯请求

控制器功能

看法