Owl Carousel autoWidth 在初始和缓存刷新时损坏答案

【问题标题】：Owl Carousel autoWidth Broken on Initial & Cache RefreshOwl Carousel autoWidth 在初始和缓存刷新时损坏
【发布时间】：2017-05-25 21:13:28
【问题描述】：

我随机（并且经常）发现，在我的“循环照片条”猫头鹰轮播打开 autoWidth 的情况下，当我第一次进入包含一个页面（从多个设备测试）时，幻灯片不存在。如果我刷新，它们就会出现。每当我缓存刷新时，它们都会再次消失。有些地方不对劲，但我的代码看起来还不错。

$('.photo-strip.owl-carousel').owlCarousel({
  loop:true,
  autoWidth:true,
  autoplayTimeout:2500,
  autoplaySpeed:1000,
  autoplay:true,
  autoplayHoverPause:true,
  items:10
});

这发生在我使用轮播的多个网站上。请参阅所附图像作为参考。希望有人可以提供帮助。谢谢！

网站参考：

http://911dj.smallmind.co/about-us/

http://911dj.smallmind.co/sweet-16-dj/

http://www.palermopr.com/

【问题讨论】：

将您的代码包装在$(document).ready(function() {//here }); 中，以防您的脚本在 HTML 出现之前执行。
谢谢 - 虽然它应该是 $(window).load(function() 而不是 $(document).ready(function()。 $(window).load(function() 允许在 jQuery 之前加载图像。
很高兴知道，谢谢！
@Jon 更正 - 上述加载函数已弃用，现在在 jQuery 3+ 中为 $(window).on('load',function()。
谢谢，我不知道，以后会用它

标签： jquery html twitter-bootstrap owl-carousel page-refresh

【解决方案1】：

通过使用解决了这个问题：

$(window).on('load',function()

最初我使用的是：

$(document).ready(function()

$(window).load(function() 允许在 jQuery 加载之前先加载图像。这就是问题所在！

【讨论】：

【解决方案2】：

我遇到了这个问题，但我找不到任何解决方案！
但我通过style 将其修复为图像。解决办法是：

img {
    height: 250px;
    width: auto;
}

此图片与您的轮播图片相关。希望对你也有帮助

【讨论】：