Owl 传送带自动宽度在初始和缓存刷新时损坏

Question

我随机（而且经常）发现，当我第一次访问包含一个（从多个设备测试）的页面时，为我的 "Looping Photostrip" Owl 旋转木马打开 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/

Answer 1

使用以下方法解决了这个问题：

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

最初我使用的是：

$(document).ready(function()

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

Answer 2

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

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

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

Owl 传送带自动宽度在初始和缓存刷新时损坏

Owl Carousel autoWidth Broken on Initial & Cache Refresh

html

jquery

page-refresh

twitter-bootstrap

owl-carousel