圖1（'load'，...）並不總是在IE中觸發 - 我放棄

Question

好吧，這只是沒有任何意義，它是如此redicoulous，我只是不明白。

所以，即時通訊有一個功能，使圖片。

function mk_image(src, alt, title, link) { 
     img = new Image(); 
     img.src = src; 
     img.id='ShowC_Img_'+count_image; 
     count_image+=1; 
     img.width = 960; 
     img.height = 320; 
     img.alt = alt; 
     img.style.display='none'; 
     img.setAttribute('border',"0"); 
     return [img,'url('+src+')',link]; 
    } 

然後我讓陣中13個元素這樣的東西艾克：

var items = [/* mk_image('image_source', 'alt', 'title', 'link'), etc... */ 

然後我通過陣列運行，並讓以下內容：

for (i=0; i<items.length;i++){ 
       $(items[i][0]).one('load', function(){ 
//blablabla 
}).each(function(){ 
       if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)) 
       $(this).trigger("load");}) 
      .error(function(){alert('shit');}); 
     } 

你猜是什麼呢。有時它會在IE中觸發8張圖片， - 有時候......所有這些圖片，我都不明白............ 儘管在Google Chrome瀏覽器中100％完美。

任何想法？

Answer 1

確定，因爲它似乎它變得有點大了，嘗試使用以下方法來調試了一下更詳細的（一次直接，一旦設置src屬性無）：

function mk_image(src, alt, title, link) { 
    img = new Image(); 
    img.src = src; 
    img.id='ShowC_Img_'+count_image; 
    count_image+=1; 
    img.width = 960; 
    img.height = 320; 
    img.alt = alt; 
    img.style.display='none'; 
    img.setAttribute('border',"0"); 
    return [img,'url('+src+')',link]; 
} 

var items = [/* mk_image('image_source', 'alt', 'title', 'link'), etc... */ 

function onLoad(img) { 
    console.log(img || this); // check this output (are all images displayed?) 
} 

for (i=0; i<items.length;i++){ 
    $(items[i][0]).one("load", onLoad) 
    .each(function(){ 
    if (this.complete || this.readyState === 4 || this.readyState === "complete") { 
     onLoad(this); 
    } 
    }) 
    .error(function(){alert('shit');}); 
}