jquery - 动态添加的行不删除

Question

我尝试了各种删除动态添加的行的选项，例如 .on 和 .live，但仍然无法删除新添加的行。

我发现了这个JSFiddle

部分JS代码:

$(".deleterow").on("click", function(){
    var $killrow = $(this).parent('tr');
    $killrow.addClass("danger");
    $killrow.fadeOut(2000, function(){
        $(this).remove();
    });
});

但它也有同样的问题。

有人可以指出我在这个 JSFiddle 中缺少什么吗？

谢谢。

Answer 1

使用Event Delegation将单击事件处理程序注册到动态创建的行。试试这个:

$(".container").on('click','.deleterow', function(){
var $killrow = $(this).parent('tr');
    $killrow.addClass("danger");
$killrow.fadeOut(2000, function(){
    $(this).remove();
});
});

<强> DEMO