jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery tablesorter排序不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery tablesorter插件从csv文件动态生成表,并且该部分工作正常.但是,每当我尝试通过单击表头来对表进行排序时,firebug会在控制台中报告此问题:

parsers is undefined
return parsers[i].type;\n

最初我然这个问题是由于文件加载后表没有准备好引起的,所以我通过在从csv文件呈现我的表后手动调用tablesorter()来解决这个问题.但这并没有解决问题.

此外,在表的最后,表格被绘制为乱码,最后有一些gray areas.我想这与上面的错误有关.

有问题的代码是这样的

<html>

<head>  
    <link rel="stylesheet" href="blue/style.css" type="text/css" />

   <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
   <script type="text/javascript" src="jquery.tablesorter.js"></script>
   <script type="text/javascript" src="jquery.csv.js"></script>
   <script type="text/javascript" id="js">
   function sortThis() {
         $("#myTable").tablesorter({
            // sortList:[[0,0],[2,1]]
         });
   }; 
    </script> 
    <title>huh!?</title>

</head>

<body>

<table id="myTable" class="tablesorter" cellspacing="1" celLPADding="0" border="0"> 

<thead> 
<tr>    
<th>name</th> 
<th>type</th> 
<th>Date</th> 
</tr>
</thead>

<tbody>

    <script type="text/javascript">

        $.get('myfile.csv',function(data) {
            myfile = jQuery.csv()(data)
            for (var x = 0; x < myfile.length; x++) {
                str = "<tr>";
                for (var y = 0; y < myfile[x].length; y++) {
                    str += "<td>" + myfile[x][y] + "</td>";
                }
                str += "</tr>";
                $('#myTable').append(str);
            }
        });

        sortThis();
    </script>

</tbody>
</table>
</body>
</html>

在此先感谢您的帮助.

解决方法

我遇到了类似的问题,但错误被抛出,因为表是空的(除了标题).我认为你出于同样的原因得到错误.

我相信问题是tabLeorter不知道表数据,因为你在使用$.get()方法加载页面修改它.要在表数据中发生更改,请在调用sortThis()之前使用此调用.

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

那应该可以解决你的问题.

作为tablesorter调用的一部分,您还可以使用以下语法来避免此错误

$('#myTable:has(tbody tr)').tablesorter({
 ...
});

我找到了jQuery Google Group posting的帮助.

大佬总结

以上是大佬教程为你收集整理的jQuery tablesorter排序不起作用全部内容,希望文章能够帮你解决jQuery tablesorter排序不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。