jQuery déclencheur de document AJAX?

Question

Mon code jQuery:

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

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

Mon code HTML:

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

Mon code PHP:

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

pourquoi cette image ne déclenche pas de réponse AJAX?

Answer 1

Vous devez utiliser .live() ici, comme ceci:

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

Il ne trouve pas travailler parce $('.Img') ne pas le <img> d'attacher un gestionnaire à click ... il n'existait pas alors , pas avant que l'appel ajax l'ait chargé, .live() va écouter le clic de manière appropriée, même si l'élément est ajouté plus tard.