这是在Ajax表单提交后显示更新表的更新表数据的最佳方法

Question

我有表格的行，当我点击添加按钮时，灯箱会显示添加行的表格。

现在我想向表中显示新添加的行，我有两个选项

1. 刷新整个表格，以便所有像“编辑/删除”这样的小按钮也被添加到行中

2. 仅添加新行。这很好但是我必须在模板中添加编辑/删除逻辑并将事件附加到它。

我应该走哪条路？

Answer 1

您应该使用.delegate或.on而不是将事件附加到表格中的所有小按钮。然后，每次添加行时都不需要附加事件。 像

这样的东西

$("#table_id").on("click","button.edit",function(){
    //edit the row
}).on("click","button.delete",function(){
    //delete the row
});

查看jquery .on()