imgタグで2つのリクエストが作成されるのはなぜですか？

Question

HTMLスナップコード：

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

jQueryのコードは：

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

Firebugのでは、私は唯一つの要求、 けど（Firebugのから）imgを見ることができます（ブラウザから）を表示1ではありません。 私のサーバーから、2つの要求があります。

私がimgsrcを最初に設定しても、クリックされても依然として2つの要求が行われます。

Answer 1

画像を取得すると、サーバにsrcをロードするよう要求されます。 srcを変更すると、新しいソースに対して要求が行われます。

最初にプレースホルダを置く代わりに、JavaScriptを使用してイメージをドキュメントに追加します。

Answer 2

jQueryを使用してページにイメージを追加する必要があります。

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

：上記のコードを使用してコードに次の

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

あなたが交換する必要があります：あなたはこれを達成するために、次のコードを使用することができます