小编Bea*_*eau的帖子

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"
});
Run Code Online (Sandbox Code Playgroud)

我有上面的代码用于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>
Run Code Online (Sandbox Code Playgroud)

javascript jquery tablednd

12
推荐指数
2
解决办法
7394
查看次数

标签 统计

javascript ×1

jquery ×1

tablednd ×1