Chrome下图片加载的问题
时间：2011-03-25 来源：adu123
今天在做一个js loading效果的页面的时候发现在Chrome下图片显示不出来，过程如下：
在这个页面中在“<a href="http://www.cnblogs.com/xxx/xxxx" class="elink">进入</a>” ,点击这个链接会请求到服务器端做跳转，用js给这个链接绑定Click事件，
在点击的时候给给页面加一个遮罩里面有一个loading的图片，部分代码如下：
LOADING_INNERHTML: ['<div class="model_popup_layer" style="background:none;">', '<div class="onload_layer"><img src="{0}/loading.gif" /></div>','</div>'].join(''),
loading: function() {
this.layer = new Dialog(String.Format(.view.LOADING_INNERHTML, this.staticUrl), {
title: "",
100,
width: 200,
close: false
});
return this.layer;
}
$(".elink").click(function() {
view.loading(); });
在ie和firefox下都正常
但是在chrome下图片显示不出来，
发现在点击之后，chrome竟然终止请求图片， 在网上查了一下也没找到类似的问题，只好自己调试，
发现如果点击链接请求到服务器端时，如果此时我终止请求，然后编辑一下图片属性，图片就会加载出来，
加载出来之后，刷新页面图片就会显示，所以没有办法，只好在页面加一个隐藏的图片，打开页面时就加载图片，
点击链接时，弹出层就不用再去请求图片了，此时问题得到解决。 好了，下班了，祝大家周末快乐
相关阅读 更多 +
