猫头鹰滑块在响应式移动模式下显示三个项目而不是一个

时间:2015-08-31 23:06:04

标签: javascript jquery css owl-carousel

我跟随猫头鹰旋转木马的电话。我尽我所能,并在网上搜索了很多,但无法找到解决办法。我试过更新最新的css / js,这对我没有帮助。请检查屏幕截图。在他们的官方网站上也随机复制。

任何帮助都会很棒我浪费了大量时间。请注意,此问题在iPhone 6和死者身上特别注意。

$('#Owl-demo').owlCarousel({
            loop: true,
            margin: 10,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    nav: true
                },
                600: {
                    items: 2,
                    nav: false
                },
                1000: {
                    items: 3,
                    nav: true,
                    loop: false
                }
            }
        });

enter image description here

还插入实时网站(随机)转载。

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

加载图片存在问题,因为移动设备的尺寸太大,因此存在渲染问题。

此问题有几种解决方案,使用.load代替.ready或使用延迟加载。我使用了.load并解决了我的问题。