2017-05-25 53 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; 
} 

關係到你的旋轉木馬的圖片此圖片。我希望它也可以幫助你

相關問題