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

Question

如果这个问题重复，我深表歉意。

我正在尝试向 DIV 附加一个按钮，该按钮将触发另一个 jQuery 脚本。但是，我无法触发附加按钮。我很想知道我做错了什么。我尝试解除绑定(bind)并使用“打开”而不是“点击”，但我仍然遇到问题。

你可以在这里看到我的 fiddle :http://jsfiddle.net/Y82ZK/1/

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

JS fiddle 中使用的代码:

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--;

});

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

Answer 1

是的，你应该改变你的代码:

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

为此:

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