javascript - 如何使用 JavaScript 拖放表格行以交换它们？

Question

我正在尝试使用 JQuery UI 交换表行。它工作得很好，但我只是在拖放事件期间无法获取行号。我需要知道我接下来的工作的行号，有人可以帮助我吗？

例如。

$('#table1 tbody').sortable({
revert: true,
start: function(event, ui) {
    // get row number, such as (row) 1
},
stop: function(event, ui) {
    // get row number, such as (row) 3
}});

事实上，我不需要对表行进行排序(只需交换)，如果有任何可能的解决方案，请告诉我...

Answer 1

将 tr 元素包裹在 tbody 中拖动 tr 时添加辅助克隆。唯一可以拖动的方法。

当拖动开始时，会创建一个克隆(因为 helper: "clone")，并且 c 变量 将保存对克隆和被拖动的 tr 的引用。当拖动停止时，如果它位于可放置对象之外，则克隆将被销毁。如果它在可拖动的内部，我们会销毁克隆和 tr(因此它会从列表中删除并且无法再次拖动)