猫头鹰轮播无法在响应模式下工作

水饺

我在站点上安装了owl-在桌面模式下可以完美运行,但是在移动模式下,幻灯片似乎完全消失了。

我的网站位于:ypt.co.il(大型主滑块下方的4个块-在停止模式下首先显示)。

这是插件代码:

    $('.owl-carousel').owlCarousel({
        loop:true,
        margin:27,
        nav:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:3
            },
            992:{
                items:4
            }
        }
    });

任何输入表示赞赏!

Vaibhav库马尔

由于存在以下情况,因此未在移动设备中配置您的轮播。检查您打电话的地方的状况res()

if(!$('.toggleMenu').is(':visible')){
  res();
}

如果条件在移动设备中false,在桌面设备中为true。这就是为什么您的轮播没有初始化的原因。

您必须在移动设备和台式机上都初始化轮播,因此您可以res()在页面加载后直接致电

$(function () {
  res();
});

我已经通过修改您的js文件在您的网站上进行了测试,它将正常工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章