我确信这是非常简单的事情,通常都是如此。
$('#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 命令。
Update:
我更新了上面的代码,添加了 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() 会认为没有任何重新排序。 (肯定是错误)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)