12

次のようにして、画像が読み込まれたときに画像を読み込むことができます。

<img style="display:none;" src="big3.jpg">
<script type="text/javascript">
    $('img').load(function(){
        $(this).css({'display':'block'})
    });
</script>

しかし、私が欲しいのは、すべてのimgがロードされたときにdivをロードすることですが、これは機能していません。なぜですか?:

<div style="display:none;">
    <img src="big3.jpg">
</div>
<script type="text/javascript">
    $('div').load(function(){
        $(this).css({'display':'block'})
    });
</script>
4

3 に答える 3

24

@Kolinkが言ったように、divはロードされません。このコードは、div内のすべての画像が読み込まれたときにdivを表示します。(未テスト)

var $images = $('div img');
var loaded_images_count = 0;

$images.load(function(){
    loaded_images_count++;

    if (loaded_images_count == $images.length) {
        $("div").show();
    }
});
于 2012-12-15T16:22:42.503 に答える
1

<div>要素は読み込まれませんが、画像は読み込まれます。画像が読み込まれたときにリッスンしてから、を取得し<div>て表示します。

于 2012-12-15T16:20:04.550 に答える