Jquery删除按钮一点击后停止工作

Question

我有一个允许用户动态添加字段的表单。第一个字段之后的每个字段都添加了一个“删除”按钮。
以下是文档中的.ready

var new_button =$('<div class="form-actions"><button type="button" class="btn btn-primary remove pull-right">Remove</button></div>').click(function(){
    $(this).parents('.field_group').remove();
    });

然后，当像这样创建新的字段组时，我将按钮附加到它们

$('#more_fields').click(function(){
    $('.field_group:first').clone(true).insertAfter('.field_group:last');
        var last = $('.field_group:last');
        last.append(new_button);
 );

我的目标是在每次单击按钮时删除按钮周围的整个“.field_group”。然而，这只有效一次。奇怪的是，如果我让按钮执行其他操作(例如更改字段组背景颜色)，它始终有效。

Answer 1

您必须附加按钮的副本。

last.append(new_button.clone(true));