jQuery Flexslider 每次都没有加载

Question

我在客户网站上有一个 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() 在 DOM 完成加载后触发，而 $( window).load() 在页面上的所有图像加载后触发 - 如果它们被缓存等，会给你间歇性的结果，替换：

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

与

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

顺便说一下，github 上的工作示例也使用了 $(window).load。

Answer 2

我知道这看起来很荒谬...... 但是我的 flexslider 遇到了类似的问题，这解决了（丑陋，但解决了）

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