$('table tbody tr').click(function add_div() {
if ($('#dynEdit').length > 0) {
$('#dynEdit').remove();
return false;
}
$(this).after('<div id="dynEdit"></div>');
$.ajax(
{
url: '/TransJobAddress/EditAddress',
datatype:'html',
success: function(data,textStatus,jqXHR)
{
$('#dynEdit').html(data);
},
error:function( jqXHR, textStatus,errorThrown)
{
alert('The server saying:' + errorThrown);
}
});
});
$('#close').click(function closediv() {
$('#addrIndex').load('/TransJobAddress/ListAddresses #addrIndex table');
});
我在mvc项目中使用这个
通过单击一行,我可以使用 ajax 插入编辑页面,这没问题。 当使用新记录按钮插入新记录时,我将 div 标签中的表列表替换为 Id="addrIndex"
单击新记录框上的取消按钮后,它将返回到表列表。如果我第二次再次单击任何行,则没有任何效果。在取消一条新记录后,如何再次多次编辑一行。
最佳答案
从绑定(bind)时存在的父级委托(delegate)您的事件处理程序
$(document.body).on('click','tr', function(e) {//...});
关于javascript - 无法在 jQuery AJAX 中多次生成点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19739723/