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

Question

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

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

任何人都可以帮助我..

Answer 1

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

这是..

替换下面的代码行

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

代替

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

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

Answer 2

在 1.3.3 版本中替换这个：

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

在第 804 行中：

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

那么它应该工作得很好！

Answer 3

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

可以使用：

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

也是。

Answer 4

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

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

前任。

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

//your script goes to here

});