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肯定)

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...