Owl Carousel autoWidth在Initial＆amp;缓存刷新

Question

我随机（并且非常经常）发现我的“循环照片”猫头鹰旋转木马的自动宽度已打开，当我第一次去包含一个页面（从多个设备测试）时，幻灯片不在那里。如果我刷新，它们会出现。每次我刷新刷新，它们都会再次消失。有些东西不对，但我的代码看起来很好。

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

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

网站参考：

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

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

http://www.palermopr.com/

Answer 1

通过使用：

解决了这个问题

const clonedChildren = React.Children.map(this.props.children, (el, i) => {
  let visibility = 'none';
  if (i === this.state.activeIndex) visibility = 'block';
  const newStyle = { display: visibility };
  const style = Object.assign(el.props.style, newStyle);
  return React.cloneElement(el, { style });
});

最初我在使用：

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

$（window）.load（function（）允许在jQuery加载之前加载图像。这就是问题！

Answer 2

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

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

此图像与您的轮播图像有关。我希望它也可以帮助你