Chrome 最新更新 (V36) 后猫头鹰轮播过渡效果不起作用答案

【问题标题】：Owl Carousel Transitions Effect Not Working After Chrome Latest Update (V36)Chrome 最新更新 (V36) 后猫头鹰轮播过渡效果不起作用
【发布时间】：2014-09-28 23:59:53
【问题描述】：

我使用 OWl 轮播有一段时间了，一切都很完美，但最近我在 chrome 浏览器更新后遇到了一个问题。 css 过渡效果在 chrome 上不再起作用。

但是所有效果在 Firefox 上都可以正常工作。

任何人都可以帮助我..

【问题讨论】：

标签： jquery css google-chrome css-transitions owl-carousel

【解决方案1】：

我是 Owl.Carousel 2 版本中的一个问题。轮播在 Chrome 中不起作用。然后我在我的脚本中添加了这一行。滑块现在在我的所有浏览器中都可以正常工作。

请在您的脚本文件中添加var $ = jQuery.noConflict();。

例如。

var $ = jQuery.noConflict();
$(document).ready(funnction() {

//your script goes to here

});

【讨论】：

【解决方案2】：

在 1.3.3 版本中替换这个：

support3d = (asSupport !== null && asSupport.length === 1);

在第 804 行：

support3d = (asSupport !== null && asSupport.length >= 1 && asSupport.length <= 2);

那么它应该工作得很好！

【讨论】：

【解决方案3】：

为了方便，我为它创建了一个分支，方便合并，方便下载： https://github.com/lib-issue/OwlCarousel/tree/stackoverflow_25153801

可以使用：

support3d = (asSupport !== null && asSupport.length !== 0);

也是。

【讨论】：

【解决方案4】：

我找到了解决方案的朋友。

这是..

替换下面的代码行

support3d = (asSupport !== null && asSupport.length >= 1 && asSupport.length <= 2);

而不是

support3d = (asSupport !== null && asSupport.length === 1);

这解决了我的问题。现在 CSS 过渡在所有浏览器上都能正常工作。

【讨论】：

新版本的 owl.carousel.js 中没有此行...找不到类似行...
@David 您现在使用的是什么版本。在新版本（v1.3.3）中，行号：804。
版本：2.0 beta 2.4
我的错误：忘记导入 owl.animate.js 和 css
@zlen 上面的代码你换了吗？我也在使用 v1.3.3 并且工作正常......