为什么我的img标签会创建两个请求？

Question

HTML快照代码：

<div id='div'><img /></div>

jQuery代码：

$("#div > img").click(function(){     
    var url = "path/to/img";
       $(this).attr("src", url);
       return false;    
});

在Firebug中我只能看到一个请求， 但img（来自Firebug）不是显示的（来自浏览器）。 从我的服务器，有两个请求。

即使我先设置img src，但点击后，仍然会发出两个请求。

Answer 1

拥有图像将导致向服务器发出加载其src的请求。更改其src将导致对新源的请求。

使用JavaScript将图像添加到文档中，而不是在那里开始占位符。

Answer 2

您应该使用jQuery将图像添加到页面中。您可以使用以下代码来实现此目的：

var img = $('<img></img>');
img.attr("src", url);
$("#div").html("");
$("#div").append(img);

您应该使用上面的代码替换代码中的以下内容：

$(this).attr("src", url);