javascript – TableDnD onDrop事件未触发

前端之家收集整理的这篇文章主要介绍了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肯定)

猜你在找的JavaScript相关文章