owl-轮播在响应模式下不工作

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。这就是您的轮播没有初始化的原因。

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

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

可以的，我已经通过修改你的js文件在你的网站上进行了测试。

owl-轮播在响应模式下不工作

owl-carousel not working in responsive mode

jquery-plugins

owl-carousel