jQuery AJAX 문서 트리거?

Question

내 jQuery 코드 :

$('.Img').click(function() { 
    alert('Test'); 
}); 

$().ready(function() { 
    $.ajax({ 
     type  : 'POST', 
     url  : 'Post.php', 
     success : function(Response) { 
      $('#Response').html(Response); 
     } 
    } 
}); 

내 HTML 코드 :

<div id="Response"></div> 
<img class="Img" src="blank.gif" /> [Click Trigger] 

내 PHP 코드 :

echo '<img class="Img" src="blank.gif" />'; [Ajax from response] 

이 이미지는 AJAX 응답에서 트리거하지 않는 이유는 무엇입니까? 에 click 핸들러를 연결하는

$('.Img').live('click', function(){ 
alert('Test'); 
}); 

그것은 현재 작동하지 않습니다 $('.Img')가 <img>을 찾을 수 없기 때문에 ... 그 다음 존재하지 않았다

Answer 1

는이 같은, 여기 .live()를 사용할 필요가 ajax 호출이로드 될 때까지는 나중에 요소가 추가 되더라도 .live()이 해당 클릭을 적절히 수신합니다.