初始负载中猫头鹰传送带宽度有问题

Question

我正在研究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

Managed通过设置fixed width解决此问题。我知道这是一个坏习惯。如果任何人都可以提出适当的方法来解决此问题，欢迎您。谢谢。

Answer 2

当我在工作状态下测量猫头鹰阶段容器的宽度时，我解决了这个问题。然后按照以下样式设置值：

#photo-gallery .owl-stage {
  min-width: 10317px;
}

Answer 3

这帮了我大忙

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