jquery - 如何在IE浏览器中运行 Owl Carousel slider 的淡入淡出效果

Question

我试过这段代码，它在所有浏览器上运行完美，但在 IE 上运行不正常，有人帮我解决了这个问题。我无法更改此代码，但请添加更多代码以在 IE 上运行淡入淡出效果。

$(document).ready(function() {
    $("#img-slider").owlCarousel({

    autoPlay: 3000, //Set AutoPlay to 3 seconds

    items : 1,
    itemsDesktop : [1199,1],
    itemsDesktopSmall : [979,1],
    itemsTablet:[768,1],
    navigation : false,
    pagination: true,
    autoPlay: true,
    touchDrag: false,
    mouseDrag: false,
    transitionStyle : "fade"

    });     
});

Answer 1

显然在插件的 github 存储库中有报道 - https://github.com/OwlFonk/OwlCarousel/issues/346

问题是在不支持CSS转换的浏览器中，owl插件包括IE10和11。因此，您可以将 owl carousel 与 Modernizr 结合使用，并替换“support3d”变量:

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

与

support3d = (Modernizr.csstransforms3d);

这似乎解决了它! :)

或者如果您可以升级版本，只需使用 this version of插件 (pull-request) 修复了它。