jquery - 为什么我的 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);