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響應觸發？

Answer 1

這裏需要使用.live()，像這樣：

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

當前不工作，因爲$('.Img')沒有找到<img>到click處理程序附加到......它不存在，那麼，直到ajax調用加載它，.live()纔會適當地監聽點擊，即使元素稍後添加。