왜 img 태그가 두 개의 요청을 만드나요?

Question

HTML 스냅 코드 :

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

jQuery 코드는 :

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

방화범에서 나는 하나 개의 요청 만, 하지만 (방화범에서)를 img을 볼 수 있습니다 (브라우저에서) 표시하는 것은 아니다. 내 서버에서 두 가지 요청이 있습니다.

내가 처음에 imgsrc으로 설정하더라도 클릭 할 때 두 요청이 계속됩니다.

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); 

당신은 교체해야합니다 : 당신은이를 달성하기 위해 다음과 같은 코드를 사용할 수 있습니다