我的 Web 应用程序中的一些表可以使用以下代码通过拖放重新排序：
http://isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/
这使用标准的 JavaScript insertBefore 方法将表格移动到不同的 DOM 位置，如下所示：
dragObject.parentNode.insertBefore(dragObject, currentRow.nextSibling);
它工作正常，但动作似乎很突然。我想更新它，以便当我拖动表格行时，其他行会动画到它们的新位置。这与 iOS 在可编辑表格中拖动表格行时的效果相同。
我认为这可能是 jQuery 的工作，所以我调整了代码以将标准 insertBefore 方法更改为 jQuery 的 insertBefore 函数，我认为我可以制作动画：
jQuery(".dragging").insertBefore(currentRow.nextSibling)
但是在玩了不同的动画选项后，我意识到它们只能为正在移动的行设置动画，而不是它周围的其他行。
有没有人看到这个解决方案——基本上是在 HTML 中模拟 iOS 表格重新排序？我更喜欢一种适用于我现有表行的解决方案，因此我不必完全更改我的代码，但如有必要，我会考虑更改为基于 div 的标记。