我尝试了各种删除动态添加的行的选项,例如 .on
和 .live
,但仍然无法删除新添加的行。
我发现了这个JSFiddle
部分JS代码:
$(".deleterow").on("click", function(){
var $killrow = $(this).parent('tr');
$killrow.addClass("danger");
$killrow.fadeOut(2000, function(){
$(this).remove();
});
});
但它也有同样的问题。
有人可以指出我在这个 JSFiddle 中缺少什么吗?
谢谢。
最佳答案
使用Event Delegation将单击事件处理程序注册到动态创建的行。试试这个:
$(".container").on('click','.deleterow', function(){
var $killrow = $(this).parent('tr');
$killrow.addClass("danger");
$killrow.fadeOut(2000, function(){
$(this).remove();
});
});
<强> DEMO
关于jquery - 动态添加的行不删除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25020459/