Jquery - DIV中的函数在刷新后不工作。

Question

我有一个表"group1“包含表和行。我使用这个插件(tableDnD)将行向上/向下拖放，这一切都很好。我有另一个Jquery函数，它删除DIV "group1“中的行，并且只刷新DIV，这也很好。

    $('#group1').tableDnD({
    onDrop: function(table, row) {      
        $.post('updateRecord.asp?', {
            pagesid : "1",
            arr : $.tableDnD.serialize()
        }); 
    }
});

现在，在删除、更新DB，然后刷新DIV之后，上面带有选项拖放行的jQuery就不再工作了(如果我刷新整个页面，它就会工作)。我做了一些研究，并看到人们建议使用委托选项，但我不确定如何应用于$('#group1').tableDnD函数。

更新了-我试过了，但没有运气。

$(document).on('tableDnD', '#group1', function(){
onDrop: function(table, row) {      
    $.post('updateRecord.asp?', {
        pagesid : "1",
        arr : $.tableDnD.serialize()
    }); 
}

})；

如有任何建议，将不胜感激。

Answer 1

您可以创建自己的事件并将其称为

 $('body').on('apply_tableDnD', '#group1', function() {
  $('#group1').tableDnD({
    onDrop: function(table, row) {
      $.post('updateRecord.asp?', {
        pagesid: "1",
        arr: $.tableDnD.serialize()
      });
    }
  });
});

这将在div被刷新之后调用。

$('#group1').trigger('apply_tableDnD');

Answer 2

更新:看起来这个问题已经问过了-- Drag and drop not working after adding new row，请看meataxe的答案。

看一下这个文档：http://api.jquery.com/on/

我不确定，但您可能可以像这样传递tableDnD函数：

$(document).on('tableDnD', '#group1', function(){
    // code for on drag
});