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 Transitions在所有浏览器上运行良好。

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

});