在初始加载时遇到 Owl Carousel 宽度问题答案

【问题标题】：Having Trouble with Owl Carousel Width in initial load在初始加载时遇到 Owl Carousel 宽度问题
【发布时间】：2018-08-29 08:43:58
【问题描述】：

我正在处理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,
    }
  }
 });
}

【问题讨论】：

stackoverflow.com/questions/27006239/… 和 stackoverflow.com/questions/32461930/… 可能会对您有所帮助。
@Dhiren 感谢您的评论。 Aleady 我已经完成了这些问题。一个关于没有回答的问题，一个得到了回答。正如答案中所说的原因，我在document.ready 中有我的js，并且我没有加载时不可见的容器（您可以检查该站点并查看）

标签： jquery owl-carousel owl-carousel-2

【解决方案1】：

托管通过设置fixed width 解决问题。我知道这是一个不好的做法。如果有人能想出一个正确的方法来解决这个问题，欢迎您。谢谢。

【讨论】：

【解决方案2】：

当我在工作状态下测量owl-stage容器的宽度时，我解决了这个问题。然后设置样式中的值，例如：

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

【讨论】：