jQuery Flexsliderが毎回ロードしない

Question

私はクライアントのWebサイトに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/

Answer 1

これは、それがその$（文書）を覚えて、その属性をオフに働くことができるように、それが呼び出されたときにflexsliderをロードする画像が必要な場合があり、タイミングの問題かもしれと

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

を：あなたの断続的な結果を与え、彼らがなどキャッシュされている場合は交換、 - ページ上のすべての画像をロードした後に$が（ウィンドウ）.LOAD（）発射しながら、DOMの読み込みが完了した後に.ready（）発射

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

なお、githubの作業例でも$（window）.loadが使用されています。

Answer 2

（醜い、しかし、解決）私は ...それはばかげていることを知っているしかし、私は私のflexsliderに同様の問題を持っていたし、これが解決

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