圖像readyState總是「加載」

Question

我加載了一組圖像，並使用jQuery來測試它們何時完成。 1圖像顯示替代文字。我認爲沒有什麼大不了的只是測試一個錯誤，但錯誤永遠不會拋出。經進一步檢查，我發現readyState仍被認爲是「加載」。我不知道如何解決這個問題。

mycode的

$(document).ready(function(){ 
    setTimeout(evalImages,100); 
}); 
$('img').error(function(){ alert('test'); }); 

function evalImages(){ 
    var imgCount = $('.myContainer img').length; 
    var loaded=0; 
    for(var i =0; i < imgCount; i++){ 
     if($('.myContainer img').get(i).complete){ 
       loaded++; 
     } 
    } 
    if(loaded >= imgCount){ 
      ///My other logic here 
    }else setTimeout(evalImages,100); 
} 

正是由於這個圖片我已經打開了我的開發工具，做

$('.myContainer img').get(7).readyState 
"loading" 

，因爲它仍在加載，永遠不會完成，從來沒有錯誤，我不知道如何測試這個問題。

更新：我仍然不知道爲什麼這個圖像不會改變它的readyState，我很好奇，但作爲解決方案，我只是在400毫秒的時間延遲後透露所有圖像。

Answer 1

您可以使用load事件

$(window).on('load', function(){ // ... }); 

或者，快捷

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

相反的$(document).ready，所有的圖像後load事件觸發完全加載。此外，如果需要，您可以使用ready和load，ready事件將在load之前觸發。

Answer 2

該錯誤出現在IE9和IE10中。 一個簡單的解決方法是在將img插入DOM後立即執行一個dummy img.readyState讀取。

IE9-IE10-STALE-READYSTATE.html
IE9-IE10-STALE-READYSTATE.html?ie9-ie10-fix

該bug IE11顯示了F12的調試器仿真IE9，IE10是從實際IE9，IE10不同。