DOM准备就绪后删除元素

Question

我有几个用户可以填写的字段（例如，姓名，号码，地址），然后他们可以点击“添加”创建一个div，显示他们刚输入的信息每个条目的“删除”按钮（一个href）。我遇到的问题是，一旦DOM准备就绪，删除按钮不起作用。我已经硬编码了一个删除第三个div的删除按钮（第三个是任意的），并且该工作正常，但不是加载页面之后生成的那些按钮。我的问题是如何在DOM准备好之后让remove按钮工作？

这里的删除功能（ID传递的，所以它知道要删除的DIV）：

function remove(id) { 
    $("div.reviewSub"+id).remove(); 
} 

这里是处理程序调用的函数：

$(".remove").click(function(event) {remove(event.target.id);}); 

方式我显示的数据已取回后用.append()：

$(".reviewSub"+num).append("<a href=\"#\" class=\"remove\" id=\"" + num + "\">Remove</a>"); 

Answer 1

您可以使用0123在jQuery中使用方法。

$('.remove').live('click', function(event){ 
    remove(event.target.id); 
}); 

我怀疑在附加DOM之前你有代码$(".remove").click(function(event) {remove(event.target.id);});。因此，由于元素还不存在，jQuery一直无法将click事件绑定到元素。

更多文档在这里http://api.jquery.com/live/