Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Owl滑块在响应移动模式下显示三个项目,而不是一个_Javascript_Jquery_Css_Owl Carousel - Fatal编程技术网

Javascript Owl滑块在响应移动模式下显示三个项目,而不是一个

Javascript Owl滑块在响应移动模式下显示三个项目,而不是一个,javascript,jquery,css,owl-carousel,Javascript,Jquery,Css,Owl Carousel,我给猫头鹰转盘打了以下电话。我已经尝试了我能做的一切,并且在整个网络上搜索了很多次,但是找不到修复方法。我尝试过更新最新的css/js,但这对我没有帮助。请检查屏幕截图以及。在他们的官方网站上,这个问题也被随机复制 任何帮助都会很好,我在这上面浪费了很多时间。请注意,这一问题在iPhone6和死者身上特别存在 $('#Owl-demo').owlCarousel({ loop: true, margin: 10, respo

我给猫头鹰转盘打了以下电话。我已经尝试了我能做的一切,并且在整个网络上搜索了很多次,但是找不到修复方法。我尝试过更新最新的css/js,但这对我没有帮助。请检查屏幕截图以及。在他们的官方网站上,这个问题也被随机复制

任何帮助都会很好,我在这上面浪费了很多时间。请注意,这一问题在iPhone6和死者身上特别存在

$('#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
                }
            }
        });

还插件现场(随机)复制


加载图像时出现问题,因为图像大小对于移动设备来说太大,因此存在渲染问题


这个问题有两种解决方案,或者使用
.load
而不是
.ready
或者使用延迟加载。我已经使用了
.load
,它解决了我的问题。

听起来这是猫头鹰旋转木马插件代码的问题,如果不深入他们的代码就无法解决。谢谢@realseanp,我可以解决很多问题。完成后,我将与您分享。您是否可以在重新加载页面后拍摄屏幕截图,以删除“您可能需要重新加载页面以进行适当的用户代理欺骗和视口渲染”消息?我怀疑问题是由于你的css,而不是owl滑块。加载图像时出现问题,因为图像的大小对于移动设备来说太大了,因此,它们存在渲染问题。对于这个问题有两种解决方案,或者使用.load而不是ready,或者使用lazyloading。我使用了.load,它解决了我的问题。非常感谢。