Owl Carousel正在忽略项目选项

Question

我和owlcarousel有点问题。当我在items:1上使用大图片时，一切都运行得很好，每张幻灯片都包含一张图片。但当我使用较小的图像时，items:1选项被忽略，图像每张幻灯片显示4张。

owlcarousel的版本是2.3.4，相应的CSS文件也是如此。

$(document).ready(function(){
            $(".news-post-gallery").owlCarousel({
                navigation : false, // Show next and prev buttons
                autoplay:false,
                items: 1,
                loop:false,
                margin: 10,
                center: true,
                nav: true,
                navText: [
                    "<div>Left</div>",
                    "<div>Right</div>"
                ],
                responsive:{
                    0:{
                        items:1,
                    }
                }
            });
        });

我的第一个猜测是这是一个CSS问题。请注意，即使是小图像也没有那么“小”，我使用的大图像只有我屏幕宽度的一半。

编辑:当使用小图像时，navText也会被忽略。

Answer 1

这个问题是针对owl-carousel类初始化的另一个轮播。这最终用错误的设置初始化了我需要的那个。旋转木马的初始化来自不同的模板，因此只有在页面加载后，结果才会在源代码中可见。

在我初始化mine之前添加$(...).owlCarousel('destroy');解决了这个问题。