Javascript 带拖放功能的表排序器

我同时使用

Jquery Tablesorter

插件和

拖放

插件都可以正常工作，但当我尝试使用

tableDnD

的序列化功能时，它会说：

空字符串getElementById

我这样使用它（js放在桌子下面）：

$（文档）.ready（函数（）{
$（“#manage”）.tableDnD（{onDrop:function（table，row）{alert（$.tableDnD.serialize（））；}}）；
});
函数UpdateOrder（）{
警报（“单击测试按钮！”）；
var pneworder=document.getElementById（“管理”）.tableDnD.serialize（）；
警报（pneworder）；
$.post（“inc/testpost.php”，{“neworder”：pneworder}）；
}

按钮代码：

<input type="button" class="btn btn-primary btn-sm" onclick="UpdateOrder()" name="Test" value = "Test"></button>

对于

onDrop

事件，它工作正常，它显示带有序列化信息的警报，但单击按钮，它只会在js控制台中显示错误，我只会收到第一个警报“Test button Clicked！”

任何帮助都会很好，因为我是Javascript新手

编辑：

---

我刚刚尝试获取ElementsByTag（“table”），它告诉我id为“manage”的表存在，但当我尝试这样使用它时，

elements[0].tableDnD.serialize（）

仍然会给出错误。

如果此表有多个TBody。功能不太正常。只能拖动每个TBODY内的行，不能将其拖动到TBODY外。现在，这可能是您想要的，也可能不是您想要的，但不幸的是，如果您将一行放在其TBODY之外，您会得到一个Javascript错误，因为在兄弟姐妹之后插入不起作用。

我只有一个THead、一个TBODY和一个TFoot，所以我想这并不是导致错误的原因，我只是在查看控制台时得到错误（ctrl+shift+j）否则它甚至不会打开警报。

<input type="button" class="btn btn-primary btn-sm" onclick="UpdateOrder()" name="Test" value = "Test"></button>