javascript – TableDnD onDrop事件未触发

我确定这是非常简单的东西,通常是.

$('#sort-table').tablednD({
    onDragClass: "dnd_drag",onDragStart: function(table,row) {
        console.log("start drag");
    },onDrop: function(table,row) {
        console.log($.tablednD.serialize());
    },dragHandle: ".dragHandle"
});

我有上面的代码在行动的tablednD,jQuery表排序插件.这是它们提供的样本的确切代码,但是当我放弃表中的项时,它不会正确触发onDrop事件.我在控制台中没有响应.表初始化,拖动句柄正常工作,所以我至少知道代码的一部分是正确的.唯一不能工作的是onDrop命令.

更新：
我更新了上面的代码来添加一个onDragStart和onDragClass,这两个都是完美的,只有onDrop函数失败.

这是我的一般表格布局：

<table id="sort-table">
    <tbody class="sort-items">
        <tr class="1">
            <td class="dragHandle"></td>
            ...
        </tr>
        ...
    </tbody>
</table>

解决方法

您必须定义tr [id]属性才能使onDrop工作. 这是因为onDrop只有在行顺序改变时才会触发. 但是,没有指定tr [id]属性,tablednD.serialize()将认为没有任何重新排序. (Bug肯定)

原文地址：https://www.jb51.cc/js/151570.html