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();
}

If条件将使在移动设备中返回false，在桌面中返回true。这就是你的传送带没有初始化的原因。

你必须在移动端和桌面端初始化你的carousel，所以你可以在页面加载后直接调用res()。

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

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