Owl 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。

Owl Chrome 中未应用轮播动画

Owl carousel animation not applied in Chrome

html

javascript

css

jquery

owl-carousel