javascript - Tablesorter 不对动态添加的内容进行排序

Question

我在使用 Jquery Tablesorter 时遇到问题，我正在将数据动态添加到预先存在的表中。

根据文档，添加内容后，需要做的就是让 $("table").trigger("update") 运行以告诉 tablesorter 新内容已经已添加，但实际上这似乎不起作用。

参见 http://jsfiddle.net/7Wurn/9/举个例子。单击 HTML 表格标题将对列进行排序，但在添加新行后，新行不会排序。

似乎有些小问题，因为 Tablesorter 网站上使用的示例使用的代码与我在 JSFiddle 上添加的代码几乎相同。唯一的区别是 $("table").trigger("update"); 在 Ajax 调用之后作为回调的一部分运行。

知道哪里出了问题吗？

Answer 1

我在使用 datatables 时也遇到了同样的问题在jQuery .当您将其附加到 table 时您没有将数据附加到 same tbody element .相反，您的数据被添加到 new tbody元素。表格格式应为 <thead></thead>然后 <tbody></tbody> .

做这样的事情:

$("#tableId tbody").append(someContent);

我已经更新了你的 fiddle http://jsfiddle.net/7Wurn/68/ .也请使用 jquery 1.9.1。它在 2.0b1 中不起作用。不知道为什么