我在站点上安装了owl-在桌面模式下可以完美运行,但是在移动模式下,幻灯片似乎完全消失了。
我的网站位于:ypt.co.il(大型主滑块下方的4个块-在停止模式下首先显示)。
这是插件代码:
$('.owl-carousel').owlCarousel({
loop:true,
margin:27,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
992:{
items:4
}
}
});
任何输入表示赞赏!
由于存在以下情况,因此未在移动设备中配置您的轮播。检查您打电话的地方的状况res()
if(!$('.toggleMenu').is(':visible')){
res();
}
如果条件在移动设备中为false,在桌面设备中为true。这就是为什么您的轮播没有初始化的原因。
您必须在移动设备和台式机上都初始化轮播,因此您可以res()
在页面加载后直接致电。
$(function () {
res();
});
我已经通过修改您的js文件在您的网站上进行了测试,它将正常工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句