owl-carousel 在响应模式下不工作

Question

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

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

这是插件代码：

    $('.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文件在你的网站上进行了测试。