Question

好的，这只是没有任何意义，它是如此的冗长，我只是不明白。

所以，我有一个制作图片的功能。

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个元素的数组，其中包括lke：

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张图片， - 有时......所有这些，我只是不明白............ 尽管在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');}); 
}

Img one（'load'，...）并不总是在IE中触发 - 我放弃了

1 个答案: