jquery - 私の 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 では 1 つのリクエストしか表示されませんが、img(Firebug から) は (ブラウザから) 表示されているものではありません。私のサーバーからは、2 つの要求があります。

最初に設定してもimg src、クリックすると 2 つのリクエストが行われます。

score 2 · Accepted Answer

画像があると、サーバーに対してその src をロードするリクエストが行われます。src を変更すると、新しいソースに対してリクエストが行われます。

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

score 0 · Accepted Answer

jQuery を使用してページに画像を追加する必要があります。これを実現するには、次のコードを使用できます。

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

コード内の以下を上記のコードに置き換える必要があります。

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

2 に答える 2