jQuery Flexslider每次都不加載

我在客戶網站上有一個FlexSlider。問題是它不會每次都加載。有時它只是空白。它應該是的區域。jQuery Flexslider每次都不加載

現在，這是產生滑塊代碼：

<script src="http://xlprint.no/js/jquery.flexslider-min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){$("#slider").flexslider({animation: "slide",slideDirection: "vertical"});}); 
</script> 
<div class="eightcol" id="slider_container"> 
    <div id="slider" class="flexslider"> 
     <ul class="slides"> 
      <li> 
       <img src="http://bildeserver.nconel.no/1356/slider/b7be410db5f05502f4b552a200e1f3de.png" alt=""> 
      </li> 
      <li> 
       <img src="http://bildeserver.nconel.no/1356/slider/a0204e4cce74ea2d4f33723710eca17a.png" alt=""> 
      </li> 
      <li> 
       <img src="http://bildeserver.nconel.no/1356/slider/3576f00127fc13ffa732e33237c5a7bf.png" alt=""> 
      </li> 
     </ul> 
    </div> 
</div>

它運行jQuery FlexSlider v1.8。

我該如何讓這更穩定？

它可以在進行測試：http://xlprint.no/

來源

2012-03-20 Simen Olsen

當它「只是一片空白」顯示在哪些誤區JavaScript控制檯？併爲我工作良好 - > http://jsfiddle.net/WENv5/ – ManseUK 2012-03-20 13:52:49

此鏈接已損壞http://dev.xlprint.no/js/jquery.flexslider-min.js 嘗試您的http：// xlprint。無/ JS/jquery.flexslider-min.js。其工作 – 2012-03-20 14:08:20

同樣的問題。我在控制檯上沒有任何錯誤。 – 2012-03-20 14:10:56

這可能是一個時間問題，flexslider可能需要將圖像進行時，它被稱爲所以它可以工作了他們的屬性裝，記得的$（document）在DOM完成，而$（窗口）.load（）的頁面上的所有圖像後，大火已加載負荷後。就緒（）觸發 - 給你間歇的結果，如果它們被緩存等，取代：

$(document).ready(function(){ ... });

與

$(window).load(function(){ ... });

順便提一下，github上的工作示例也使用$（window）.load。

來源

2012-09-27 09:03:45

我不確定這是否解決了原來的海報問題，但它幫助了我的一個。 +1 – deewilcox 2013-01-23 17:40:48

這個答案解決了我的問題 – stys 2013-05-18 10:14:31

我知道這看起來可笑...... 但我也有類似的問題，我的flexslider，這解決了（醜陋的，但解決）

setInterval(function() { $('.flexslider').resize(); }, 100);

來源

2015-01-19 11:55:46

爲我工作，但一些確定的性能問題。 – 2015-02-19 13:04:29

jQuery Flexslider每次都不加載

回答

相關問題