猫头鹰旋转木马动画未在Chrome中应用

Question

我正在处理使用Owl Carouse 1.3.2的HTML5主题。我想在滑块图像过渡时应用淡入淡出动画。以下是我的代码，它在 Mozilla浏览器中运行良好，但 Chrome浏览器仍然显示简单的左右动画。

jQuery(window).load(function() {
    "use strict";
    jQuery("#layout").owlCarousel({
        pagination: false,
        autoPlay: 4000,
        slideSpeed: 600,
        transitionStyle: "fade",
        navigation: false,
        singleItem: true
    });
});

HTML代码：

<div id="layout" class="owl-carousel">
    <div class="item"><img src="sliders/slider_1.png" alt=""></div>
        <div class="item"><img src="sliders/slider_2.png" alt=""></div>
        <div class="item"><img src="sliders/slider_3.png" alt=""></div>
        <div class="item"><img src="sliders/slider_4.png" alt=""></div>
        <div class="item"><img src="sliders/slider_5.png" alt=""></div>
    </div>
</div>

我哪里错了？

Answer 1

在 owl.carousel.js 的line 806上更改：

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

要：

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

GitHub上有open bug。