问题标签 [owl-carousel-2]

我使用 owl carausel 创建了一个滑块，在其中我将边框和 myClass 添加到滑块的第一个活动元素。它的工作正常。但现在我想在 owl.carousel.2.0.0-beta.2.4 中更新，但有些功能已被弃用，如 afterMove，所以我没有找到合适的方法来更新这个滑块。请建议我正确的道路。提前致谢。

我的代码如下：

我有在点击时动态加载的项目的缩略图。

这是我拥有的 jQuery：

• AJAX 调用后如何重新初始化 owl carousel？
• 或者有没有更好的方法来做到这一点？

我尝试了文档，但他们没有帮助我。文档说要使用reinit，但它说没有reinit。

我在使用 JSON/AJAX 使用 Owl carousel 2 显示动态内容时遇到问题。我在控制台中没有收到错误消息，但无法让轮播工作。我只看到一个空白页。我可以使用 jquery.append 附加从 JSON 文件中获取的图像 url，但它们不会以这种方式显示在轮播中。显示设置为“阻止”。任何提示我错过了什么？

index.html -

app.js -

数据.json -

我正在使用 owl carousel 2，我面临以下问题。

我有div一个名字的父母owl-stage-outer，它有overflow:hidden根据轮播的要求。

我有另一个孩子的div名字：（ribbon显示“新到货”和“大减价”）这是position: absolute我现在面临的问题，在旋转木马的第一个项目上，丝带隐藏是因为overflow: hidden

参考图像

我正在处理的链接

我已经尝试过此链接中提供的解决方案，但它只适用于直系子女。

提前致谢。

我已经正确设置了所有内容（至少我是这么认为的），但是猫头鹰旋转木马不会显示/加载。有什么帮助吗？提前致谢。

这是我的 HTML：

我有一个包含 3 个项目的猫头鹰轮播，轮播每页显示一个项目。在每个项目中，我都有 html 输入。

我想以编程方式更改活动项目，以便我可以专注于其中的输入。

这是初始配置：

html看起来像这样：

例如：如果我想在 input3 上设置焦点，我必须将当前页面设置为 3，然后设置焦点。

我有两个 JQuery 函数，一个用于显示 Fancybox，第二个用于创建 owl-carousel，我希望 awl carousel 函数在 fancybox 函数运行后运行。

但我无法让回调工作。请帮助我。谢谢

我试图让 owl carousel 2 在我的 php 网站上工作。除了功能之外，我在 Anguler 网站上使用了完全相同的代码。所以这应该有效。这是我的脚本和链接

html

和我的链接

我以前做过很多次，但这次似乎无法让它工作。有人知道我做错了什么吗？

我被要求添加我在页面上使用的第二个轮播，下面是所述轮播的 html/js

我已经建立了一个自己的轮播，并从我拥有的 JSON 文件中创建了一定数量的幻灯片：

虽然我想在开始时创建所有幻灯片，但我需要在与页面交互时禁用（过滤）其中一些。有什么办法吗？我想我需要做一些<div class="owl-item">...</div>我想禁用的事情，但是我不确定到底是什么。

PS：我试图.owl-item从我想要禁用的项目中简单地删除该类名，但这似乎破坏了布局。

想象一下，您有一个位于页面绝对顶部的单个项目轮播。在此之下，您拥有其余的内容。由于轮播在页面中任意嵌套，因此您已将其设置为绝对定位。但是现在您需要知道轮播的高度，以便您可以在其余内容上放置一个上边距，使其不会重叠。这就是我正在做的事情。

在轮播的初始化和调整大小事件中，我得到它来获取轮播的高度并更新上边距。问题是，没有延迟，initialized事件在轮播完全绘制在页面上之前触发，因此高度不可靠。

随着延迟，我能够正确地得到它。但这显然是一种 hack，我不能保证在较慢的设备上，轮播会及时绘制。

我在文档中看不到任何其他有用的事件。

演示小提琴