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每次都不加载

回答

相关问题