2017-05-25 36 views
0

我随机发现(并且非常经常),当我首次转到包含一个(从多个设备测试)的页面时,autoWidth为我的“循环照片”猫头鹰旋转木马开启,幻灯片不在那里。如果我刷新,它们就会出现。任何时候我缓存刷新,他们再次消失。有些东西不对,但我的代码看起来很好。猫头鹰旋转木马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/

enter image description here

+1

将你的代码包装在'$(document).ready(function(){// here})中;'在HTML存在之前执行脚本。 – jkys

+0

谢谢 - 尽管它应该是$(window).load(function()'而不是'$(document).ready(function()'。'$(window).load(function()'允许在jQuery之前加载的图像 –

+0

很高兴知道,谢谢! – jkys

回答

1

解决了这个利用:

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

起初,我用:

$(document).ready(function() 

$(窗口).load(函数()使图像jQuery的加载之前先加载。这是问题!

0

我有这个问题,我找不到任何解决方案!
但我通过style修复它的图像。 解决的办法是:

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

关系到你的旋转木马的图片此图片。我希望它也可以帮助你