Javascript 无法在jQuery AJAX中多次生成单击事件 $（'table tbody tr'）。单击（函数add_div（）{ 如果（$（'#dynEdit'）。长度>0）{ $（'#dynEdit'）。删除（）； 返回false； } $（本）。在（''）之后； $.ajax( { url:“/TransJobAddress/EditAddress”， 数据类型：'html'， 成功：函数（数据、文本状态、jqXHR） { $（'#dynEdit'）.html（数据）； }, 错误：函数（jqXHR、textStatus、errorshown） { 警报（'服务器说：'+errorshown）； } }); }); $（“#关闭”）。单击（函数closediv（）{ $（'#addrIndex'）.load（'/TransJobAddress/ListAddresses#addrIndex table'）； });

我在mvc项目中使用它

通过单击一行，我可以使用ajax插入编辑页面，这是可以的。 当使用new record按钮插入新记录时，我用Id=“addrIndex”替换div标记中的表列表

---

单击“新记录”框上的“取消”按钮后，它将返回到表列表。若我再次单击任何行，则一切正常。如何在取消新记录后再次编辑一行以上。

从绑定时所在的父级委托事件处理程序

   $('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');

});

---

问题是当HTML被替换时，元素将丢失其绑定。尝试绑定div中的click

$(document.body).on('click','tr', function(e) {//...});

绑定单击#添加索引

---

您的行是动态插入的吗？行所在的div是否因AJAX调用而重新加载？是的，动态插入编辑。如果再次单击行，它将崩溃。如果单击表顶部的“新建记录”按钮（上面未显示），它将使用仅AJAX的新记录替换列表。这是很平常的事。为什么在发布之前不进行搜索？无论如何，你有三个答案。他们都是对的。选择一个。嗨，Sushil，我已经尝试了上面的代码。但是没有成功，元素正在像上面Answare那样失去绑定。还有其他方法可以尝试吗？

$("#addrIndex").on("click", "table tbody tr", function () {

});

$("#addrIndex").on('click', 'table tbody tr', function(){
   ///your code here
});