jquery 使用插件对表进行排序

Question

我正在使用位于以下位置的 jquery 插件:

http://tablesorter.com/docs/

我能够让它在静态表上工作。但现在我试图让它在一个用 ajax 从数据库填充的表上工作。我觉得要输入这段代码:

    $(document).ready(function(){ $("#myTable").tablesorter(); } ); 

在错误的地方。我只是将它放在页面顶部的 Javascript 标签中。由于表格不断刷新，我想我可能需要再次调用上面的代码。它应该放在 ajax 调用中还是什么？

Answer 1

是的，您应该在创建动态表的 ajax 成功处理程序内执行它。这是因为 jQuery 应该能够在应用插件之前找到页面上的元素。由于您是动态创建它，因此如果您在 document 准备就绪时执行代码，它将找不到它。

$.ajax(function(){
   ..
   success: function(){
        //Other code to create the dynamic table
        $("#myTable").tablesorter();
   }
   ..
});

更新:

如果您要清空现有行并仅使用新行(数据)刷新同一个表，那么您必须在表上触发 update 事件。

$("myTable").trigger("update");