javascript - 添加新行后拖放不起作用

Question

我正在使用 jquery.tablednd.0.7.min.js 来拖放表格行。当我在表中动态添加新行(即使用 javascript 添加行)时，新行没有拖放。可以拖动表格中已存在的其他行。

我认为这个新行没有与 jQuery 拖放代码同步。

我正在添加像 this 这样的新行.

This是jquery dragnDrop文件代码。

在页面加载时，我使用此代码将此功能分配给表格

$(document).ready(function() {
    $("#tableId").tableDnD({
        onDragClass : "myDragClass",
        onDrop : function(table, row) {

        },
        onDragStart : function(table, row) {
            console.log("drag start");
        }
    });
});

Answer 1

只需使用$("#tableId").tableDnDUpdate()

来自文档:

将更新所有匹配的表格，即它将 mousedown 方法重新应用于行(或处理单元格)。
如果您已经使用 Ajax 更新了表格行并且希望再次使表格可拖动，这将很有用。
该表保持原始配置(因此您不必再次指定它)。