無法在jQuery AJAX中多次生成click事件

Question

   $('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”

單擊新記錄框上的CANCEL按鈕后，它將返回到表格列表。如果我再次單擊任何一行，則無法正常工作。 如何在取消新記錄后再次編輯一行。

Answer 1

從綁定時的父級委派您的事件處理程序

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

Answer 2

問題是當HTML被替換時，元素將失去其綁定。 嘗試綁定div中的點擊。

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

});

Answer 3

綁定點擊#addrIndex jQuery on

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