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') 找不到要附加 click 处理程序的 。 ..它当时并不存在，直到ajax调用加载它为止， .live()< /code>将适当地侦听单击，即使该元素是稍后添加的。