新添加的html行不会触发自身的事件

Question

我们正在动态地在html中向表中添加行，但问题是Click事件不会触发动态添加的行。

 <table>
   <tbody id="DataTbody">
    <tr>
     <td class="Master-edit">
         Some display.....
     </td>
   <tr>
  </tbody>
 <table>

我们有一个滚动事件，可以在“with ID DataTbody”

中添加行

  var bool_scroll = false;
    $(".sticky-wrap").scroll(function () {
        if (bool_scroll == false) {
            if ($("div.sticky-wrap").scrollTop() > ($("#ContentTable").height() - $("div.sticky-wrap").height() - 1)) {
                bool_scroll = true;

                AddIndmanRecord();

                bool_scroll = false;
            }
        }
    });

var addcount = 0;
function AddIndmanRecord() {

    var Current_tableRowcount = $("#DataTbody").find("tr").length;
    $.ajax({
        type: 'Get',
        url: 'ScrollMaster',
        async: false,
        dataType: "html",
        success: function (data) {
            $("#DataTbody").append(data); // New row to the #DataTbody
   },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
}

我们根据className'Master-edit'点击了一个jQuery。

$(".Master-edit").dblclick(function () {
$.ajax({
    async:false,
    // Call CreatePartialView action method
    url: "/Master/EditPartial",
    type: 'Get',
    success: function (data) {
         //Some display
    },
    error: function () {
        alert("something seems wrong");
    }
});

}）;

这里td with className“.Master-edit”如果动态添加则不会触发click事件，否则工作正常。