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可能要求在调用图像时加载图像，这样它可以解决它们的属性，记住$（文档）.ready（）在DOM完成加载后触发$（窗口）.load（）在页面上的所有图像都已加载后触发 - 如果缓存等则给你间歇性的结果，替换：

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

与

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

顺便说一句，github上的工作示例也使用$（window）.load。

Answer 2

我知道这看起来很荒谬...... 但我对我的flexslider有一个类似的问题，这解决了（丑陋，但已经解决）

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

jQuery Flexslider每次都不加载

2 个答案: