jQuery 不触发附加项

Question

我在触发已添加到页面的元素的事件时遇到问题。在以下示例中，如果您单击 X，它将删除其中一项，但如果您添加了一项，则无法将其删除。

这是列表:

<ul id="mylist">
    <li>Item 1 <a class="remove">X</a></li>
    <li>Item 2 <a class="remove">X</a></li>
</ul>
<a class="add">Add</a>

这是 jQuery:

$('.add').click(function(){ 
    $('#mylist').append('<li>Item 3 <a class="remove">X</a></li>');
});

$('.remove').click(function(){ 
    $(this).parent().hide('slow').remove();
});

任何人对此有任何了解，我是否需要更新 dom 或其他东西以使 jQuery 识别附加元素？

Answer 1

您需要使用在 1.3 中添加到 jQuery 的新实时 API

http://api.jquery.com/live/

如果你不能使用 1.3，有一个 1.2 的 JQuery 插件叫做 LiveQuery其工作方式类似。