jquery点击不起作用 - 动态添加/删除字段

Question

我有

<button type="button" id="add">Add</button>

和

$('#add').click(function(e){}

作品

但是,当我有

<li class="ui-state-default">
    <button type="button" id="remove" class="removeBtn">Delete</button>

并做到了这一点:

$('#remove').click(function(e){}

它不起作用.

我正在使用alert()测试两者是否有函数.第一个按钮动态添加字段并正常工作,而第二个按钮是特定添加字段的删除.这里似乎有什么问题？OO

Answer 1

由于在DOM加载时元素不存在,因此click事件不会绑定到它

$('#remove').click(function(e){}

将此更改为

$(document).on('click','.remove',function(e){}

你不能使用id删除按钮.id仅适用于独特元素.在这里你需要每个删除按钮li.所以使用.remove而不是#remove.(将id更改为class)