我有几个字段可供用户填写(例如,姓名、号码、地址),然后他们可以单击“添加”,这将创建一个div,其中显示他们刚刚输入的信息,每个条目都有一个“删除”按钮( href)。我遇到的问题是,一旦DOM准备就绪,删除按钮就不起作用了。我已经硬编码了一个删除按钮,它可以删除第三个div (第三个是任意的),并且可以工作,但不能删除页面加载后生成的那些div。我的问题是,在DOM准备好之后,如何才能让remove按钮工作?
下面是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>");
发布于 2011-09-30 05:05:48
您可以在jQuery中使用live
方法。
$('.remove').live('click', function(event){
remove(event.target.id);
});
我怀疑您在附加DOM之前已经有了$(".remove").click(function(event) {remove(event.target.id);});
代码。因此,jQuery无法将单击事件绑定到该元素,因为该元素尚不存在。
更多文档请点击此处http://api.jquery.com/live/
https://stackoverflow.com/questions/7603360
复制相似问题