imgsを判断する方法はすべてロードされています

Question

文書がロードされているときのimgsの高さを知るプロジェクトがありますが、最初は高さがゼロになっています。imgsが既にロードされているかどうかを知るヒントはありますか？私は$ .deferredをjQueryの中で使用しようとしました。ここに私のコードです：

$(function() { 
    var imgdefereds = []; 

    $('img').each(function() { 
    var dfd = $.Deferred(); 
    $(this).bind('load', function() { 
     dfd.resolve(); 
    }).bind('error', function() { 
     //error callback 
    }) 

    if (this.complete) { 
     setTimeout(function() { 
     dfd.resolve(); 
     }, 1000); 
    } 
    imgdefereds.push(dfd.promise()); 
    }) 

    $.when.apply(null, imgdefereds).done(function() { 
    console.log('complete'); 
    }); 
}) 

それは動作しませんでした。どうすれば修正できますか？

Answer 1

はこれを試してみてください：

$("img").one("load", function() { 
    // do stuff 
}).each(function() { 
    if(this.complete) { 
    // do stuff 
    } 
});