Javascript为什么不执行此代码？

大家好，我正在制作一个网站（http://euroscala.balkanium.com/），它有一个菜单，当你点击一个菜单项时，应该会出现一个缩略图列表。我正试图预载所有应该出现的图像，然后显示它们。它适用于除IE以外的所有浏览器（我有版本8）。我已经把代码的人愿意到这里看看：http://jsfiddle.net/THpgM/2/Javascript为什么不执行此代码？

我认为问题就出在这一段代码（这是附近的第一功能的小提琴底部）

img.onload = (function(i){ 
    // code here is executed 

    return function(){ 
    // code here is not 

    ++totalLoaded; 
    document.getElementById("li" + i).style.height = this.height + "px"; 
    document.getElementById("li" + i).setAttribute("data-height", this.height); 

    if(totalLoaded == totalThumbs){ 
     // do some stuff 
    } 
    }; 
})(i);

我花了2天试图弄清楚这一点。如果有人可以请帮助我，这将不胜感激。

来源

2012-05-11 Leandro Zhuzhi

尝试使用带有“data-height”的下标符号...例如'someElement [“data-height”] = 1'或'var height = someElement [“data-height”]'而不是getAttribute/setAttribute。 –

那到底出了什么问题？ –

@MarkLinus当我在评论中写道，'return ...'后面的代码不会执行 –

在IE中，您必须分配.onload处理程序，然后再分配.src。如果你不这样做，那么onload事件可能在你的onload处理程序到位之前触发，你会错过这个事件。

// assign .onload before .src 
img.onload = function() {}; 
img.src = "xxx.jpg";

如果图像是在浏览器缓存中IE的特定问题会发生（因此他们在.src分配立即加载）和您的onload处理程序将不会执行。

所以，在你的jsFiddle中，将作业移动到.src之后，将作业分配给.onload。

来源

2012-05-11 21:54:42 jfriend00

OMG谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢!!!! –

+1，赶上... –

Javascript为什么不执行此代码？

回答

相关问题