表分类器无法处理用ajax重新加载的内容

Question

我有一个非常奇怪的问题。在我的网站上，我有两个非常相似的页面。它们有一个选项卡菜单，可以使用ajax重新加载div。

在此页面上

http://football-tennis-stats.com/index.php/stats/display_fotbal/

即使在更改国家/地区选项卡后，表格排序仍然有效。

在这个问题上，它没有。

http://football-tennis-stats.com/index.php/stats/injury_list

我认为这两页的代码是相同的。

在工作页面上，我有

/获取表格结果。。。。

$this->load->view('stats/football_tables',$data);
$this->load->view('stats/ajax_table_sorter.html');

在不起作用的页面上，我有

$this->load->view('stats/injuries',$data);
$this->load->view('stats/ajax_table_sorter.html');

ajax_table_sorter只是一个简单的视图（我使用代码点火器）

<script type='text/javascript'>
$(document).ready(function ()
{
$('table').tablesorter();

})；

据我所知，你必须再次重新加载调用表分类器插件，正如你所看到的，我这样做了。任何帮助都是值得的。

Answer 1

http://football-tennis-stats.com/js/table_sorter.js文件，并且当它试图对第二个表（对照，受伤计数）进行排序时抛出错误http://football-tennis-stats.com/index.php/stats/injury_list因为只有两列：

$("table").tablesorter({ 
    // sort on the first column and third column, order asc 
    sortList: [[0,0],[2,0]] 
});

您正试图强制对第一列和第三列进行排序，因此会引发错误。

这里有一个jsFiddle，使用您的表分类器代码和类似的表。