在初始加载时遇到猫头鹰轮播宽度问题

我正在研究owl-carousel 。 目前我有一个问题，我的滑块宽度表现非常糟糕。

当我加载/刷新网站时， owl-carousel在宽度上有一些值，但是下一张幻灯片的一部分是可见的（我想避免这种情况）。 在初始加载后，当我调整窗口大小（切换最大化，或通过拖动更改宽度或高度）时，它将宽度设置为我想要的正确值。 我不明白为什么会这样。 我想在初始负荷中防止这种习惯。

这是我的jQuery。

 function newsSlider() { $('.news-slider .owl-carousel').owlCarousel({ autoplay: true, autoplayHoverPause: true, dots: true, loop: true, margin: 5, items: 3, responsive: { 0: { items: 1, }, 768: { items: 2, }, 992: { items: 3, } } }); } 

Answer 1

管理通过设置fixed width解决问题。 我知道这是一个不好的做法。 如果有人能够找到解决这个问题的正确方法，那么欢迎你。 谢谢。

Answer 2

这对我有用

 (function ($) { // initialize here })(jQuery);