3

特定のコンテナーに HTML と画像を読み込むために AJAX を使用しています。囲んでいるコンテナの高さをアニメーション化する必要があるので、試しました：

// load content
var id = $(this).data('id');
$.get('content/'+id+'/html/content.html', function(data) {

    // insert html
    $('#overlay-inner').html(data);

    // show overlay
    $('#overlay').fadeIn();

    // add new height to wrapper
    var height = $('#overlay').height() + 200;
    console.log(height);
    $('#wrapper').animate({'height':height});

});

残念ながら、高さが正しくないため、時々しか機能しません。読み込まれたデータにはいくつかの画像が含まれており、読み込みに少し時間がかかります。

すべての画像が読み込まれたかどうかを確認する方法はありますか?完全な読み込み後に高さをアニメーション化できますか?

4

1 に答える 1

1

ImagesLoaded プラグインを使用します。

https://github.com/desandro/imagesloaded

例については、そのページを参照してください。

画像が既にキャッシュされている場合は起動しないため、 jQuery$().loadは機能しません ( jquery: domready または load の画像幅を参照してください) 。

于 2012-11-19T12:22:45.570 に答える