jQuery Flexslider 不是每次都加载

Question

我在客户网站上有一个 FlexSlider。问题是它不会每次都加载。有时它只是一片空白。它应该是的区域。

现在这是生成 slider 的代码:

<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。