4

クライアントの 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/でテストできます。

4

2 に答える 2

4

これはタイミングの問題である可能性があります。flexsliderは、呼び出されたときに画像をロードして属性を処理できるようにする必要がある場合があります。$（window）中にDOMのロードが完了した後、$（document）.ready（）が起動することに注意してください。 load（）は、ページ上のすべての画像が読み込まれた後に発生します。キャッシュされている場合などに断続的な結果が得られます。次を置き換えてください。

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

と

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

ちなみに、githubの作業例でも$（window）.loadを使用しています。

于 2012-09-27T09:03:45.353 に答える
1

ばかげているように見えることは知っています...しかし、フレックススライダーに同様の問題があり、これで解決しました（醜いが解決しました）

setInterval(function () { $('.flexslider').resize(); }, 100);
于 2015-01-19T11:55:46.070 に答える