jQuery.load操作后单击禁用

正在尝试设置一个不错的拖放保存到数据库页面。 它还应该能够删除行，我已经使用了列表（ul/li）。所有这些都可以正常工作，但加载操作完成后，“$”（“#menuList>li>.remove”）。单击“将不再工作”。其余的操作可以工作，拖放、为订单序列化、写入数据库。。。 有人知道是什么导致了这个问题吗

function sortTableMenu() {

var order = $('#menuList').sortable('serialize');
$.post("PLUGINS/SortableMenu/process-sortable.php",order);
$("#menuList").load("PLUGINS/SortableMenu/sortableMenu_ajax.php");

}

$("#menuList > li > .remove").click(function () {  
var removeID = $(this).attr('id');
$.ajax({
type: 'post',
url: 'PLUGINS/SortableMenu/removeLine.php',
data: 'id='+removeID,
success: function () {
   $('#listItem_'+removeID).remove();
   var order = $('#menuList').sortable('serialize');
    $.post("PLUGINS/SortableMenu/process-sortable.php",order); 
  }
   });

});

$('#new_documents > li').draggable({
addClasses: false,
helper:'clone',
connectToSortable:'#menuList'
});

$("#menuList").droppable({
 addClasses: false,
drop: function() {
var clone = $("#menuList > li#newArticleTYPE1");
$(clone).attr("id","listItem_newArticleTYPE1"); 
}
});

$("#menuList").sortable({
  handle : '.handle, .remove',
  update : sortTableMenu
});

---

您将用新的DOM元素替换事件附加到的实际DOM元素，这需要：

$("#menuList > li > .remove").live('click',function () {  
var removeID = $(this).attr('id');
$.ajax({
type: 'post',
url: 'PLUGINS/SortableMenu/removeLine.php',
data: 'id='+removeID,
success: function () {
   $('#listItem_'+removeID).remove();
   var order = $('#menuList').sortable('serialize');
    $.post("PLUGINS/SortableMenu/process-sortable.php",order); 
  }
   });

});