javascript - Chrome 中未应用 Owl Carousel 动画

标签 javascript jquery css html owl-carousel

我正在开发一个使用 Owl Carouse 1.3.2 的 HTML5 主题.我想在 slider 图像转换时应用淡入淡出动画。下面是我的代码,它在 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>

我哪里错了?

最佳答案

关于 line 806 owl.carousel.js 的变化:

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

收件人:

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

有一个open bug在 GitHub 上为此。

关于javascript - Chrome 中未应用 Owl Carousel 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29374738/

相关文章:

javascript - 制作两个连接的选择字段非常丑陋,我做错了什么?

javascript - 如何使用 web3modal 获取已连接钱包的地址?

javascript - 如何将参数从 Gruntfile.js 传递到 webdriverio 规范?

javascript - 我试图在 javascript 中弹出警报,但没有任何反应

javascript - jquery filter search 需要在类别内搜索

jquery - jquery 自动高度 div 与移动设备的问题

javascript - Bootstrap 更改按钮颜色

javascript - 对 Ajax 加载的页面使用浏览器后退按钮?

javascript - 如何使用带有包装器的 Javascript/jQuery 动态修改 CSS 类?

html - Google 字体无法在 FireFox 上呈现