jQuery – 为什么附加到文档的按钮不会触发？

如果这个问题是重复的,我道歉.

我试图向DIV添加一个按钮,它将触发另一个jQuery脚本.但是,我无法触发附加按钮.我很想知道我做错了什么.我试图解除绑定并使用’on’而不是’click’,我仍然遇到问题.

你可以在这里看到我的小提琴：http://jsfiddle.net/Y82ZK/1/

单击“添加”按钮时,“删除”按钮不会触发.出于某种原因,我的Firefox Firebug今天对我有任何帮助.

JS小提琴中使用的代码：

HTML：

<input type="button" id="add" value="Add" />
<div id="container">

</div>

使用Javascript / jQuery的：

var count = 0;
$('#add').click(function(){
   count++;
$('#container').append('<div class="section' + count + '">This is count ' + count + '. <input type="button" id="remove" value="Remove" /></div>');

});

$('#remove').click(function(){
   var row = $(this).attr("class");
   $(row).remove();
   count--;

});

关于为什么附加按钮不会触发的任何想法？

是的,你应该改变你的代码：

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

对此：

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