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的新live API

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

如果你不能使用1.3,那么有一个名为LiveQuery的JQuery插件,它的工作方式类似.