.trigger（）没有在jeditable插件内联编辑器上工作

Question

我有一个搜索功能，它在keyup上添加元素，它正在处理未附加或最初在DOM中的元素。

这是我通过ajax

添加新元素的地方

foreach ($posts as  $post) {
                $output .= "<tr><td>".$post->registration_date."</td>".
                           "<td class='edit'>".$post->pat_bdate."</td>".
                           "<td class='edit'>".$post->pat_lname."</td>".
                           "<td>".$post->pat_fname."</td>".
                           "<td>".$post->weight."</td>".
                           "<td>".$post->height."</td>".
                           "<td>".$post->age."</td>".
                           "<td>".$post->sex."</td>".
                           "<td>".$post->mother_name."</td>".
                           "<td>".$post->address."</td>".
                           "<td><a href='posts/".$post->id."'><p>View Profile</p></a><td>".
                           "<td><a href='checkup/".$post->id."'><p>Check  Up</p></a><td></tr>";

            }

这是触发.editable的事件，但它不能处理新添加的元素。 但它正在处理原本已存在的元素

 $(document).on('click', ".edit", function () { 

   $(this).trigger('edit');

});

$('.edit').editable('posts/update', {

  event: 'edit',
 select : true,
 submitdata : function(value, settings) {
   return {_method: "PUT",_token:token,col:$(this).attr("class").split(' ')[1]};

}

搜索ajax

$.ajax({
      type: 'GET',
      url: url,
      data: {search:value},
      success: function(data){
        if (value == '') {
            $("#p_list tr").show();
            $("tbody#search").html('');
        }else if (data.no!=="") {
          $("#p_list tr").hide();
            $("tbody#search").html(data);

        }

      }

    });