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