owl-carousel无法在响应模式下工作

Question

我在网站上安装了猫头鹰 - 在桌面模式下完美运行，但在移动模式下，幻灯片似乎完全消失了。

我的网站位于：ypt.co.il（大型主滑块下方的4个街区 - 在dekstop模式下首先显示）。

这是插件代码：

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

任何意见都赞赏！

Answer 1

由于以下条件，您的轮播未在移动设备中配置。 检查你打电话的地方res()

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

如果条件在移动设备中为 false ，在桌面设备中为true。这就是你的旋转木马没有初始化的原因。

您必须在移动设备和桌面设备中初始化您的轮播，因此您可以在页面加载后直接致电res()。

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

它会起作用，我已经通过修改你的js文件在你的网站上进行了测试。