如何修复猫头鹰轮播ipad错误

Question

我认为问题在于转换属性。 Caniuse 说 IOS 上的 safari 有部分支持，只有供应商前缀 -webkit-，但在 ows 脚本中我看到了添加供应商前缀的代码，所以我无法解决这个轮播的问题。

初始化插件代码：

$(".owl-carousel-beer").owlCarousel({
        items: 2,
        nav: true,
        center: true,
        loop: true,
        dots: false,
        mouseDrag: true,
        stagePadding: 50,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                stagePadding: 0,
            },
            480:{
                items:1,
                stagePadding: 0,
            },
            768:{
                items:2,
            },
            1024:{
                items:2,
            },
            1380:{
                items:3,
            },
            1580:{
                items:4,
            }
        }
    });

在 ipad 上的猫头鹰轮播看起来是这样的。

http://i.stack.imgur.com/Q6yET.jpg

在 android 上它看起来像这个完美的轮播

http://i.stack.imgur.com/gvwdF.png

Answer 1

通过将初始化代码放入 html 页面中的脚本来修复错误。