这就是问题所在
我正在尝试使用jQuery加载图像以加快页面下载速度。
为此,我将以下代码作为图像,要在页面加载后加载。
<img src="/pixel.png" new-img="/newimage.png"/>
然后,为了在文档完全加载后加载最终图像,我使用了以下内容。
$(document).ready(function(){
$("img").attr("src", $("img").attr("new-img"));
});
这对于单个图像效果很好,但我有多个图像要转换为该图像。
我完全迷住了,因为当我尝试加载多个图像时,它将所有图像设置为最后加载的图像。
我不确定,但是'$(this)'与它有关系吗?
JSFiddle:
http://jsfiddle.net/AeroMcDoom/8sxED/
最佳答案
使用:
$("img").attr("src", function(){return $(this).attr("new-img")});
仅供引用,您应该改用data- *属性:
<img src="/pixel.png" data-img="/newimage.png"/>
然后:
$("img").attr("src", function(){return $(this).data("img")});