Owl 滑块在响应式移动模式下显示三个项目而不是一个

Question

我有以下对 owl 轮播的调用。我已尽我所能并在整个网络上进行了大量搜索，但找不到解决方法。我已经尝试更新最新的 css/js 这对我没有帮助。请同时检查屏幕截图。他们官网的issue也是随机转载的

任何帮助都会很棒我已经在这上面浪费了很多时间。请注意，此问题在 iPhone 6 和死者身上特别明显。

$('#Owl-demo').owlCarousel({
            loop: true,
            margin: 10,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    nav: true
                },
                600: {
                    items: 2,
                    nav: false
                },
                1000: {
                    items: 3,
                    nav: true,
                    loop: false
                }
            }
        });

还有插件直播站（随机）转载。

Answer 1

加载图像时出现问题，因为对于移动设备来说尺寸太大，因此出现渲染问题。

这个问题有几个解决方案，要么使用 .load 代替 .ready，要么使用延迟加载。我已经使用 .load，它解决了我的问题。