Question

这是我在浏览器上呈现后的HTML代码。我试图通过单击标题对GridView中的列进行排序。但这不适合我。我在Google上经历了很多答案。我通过在tablesorter（）关键字中添加/删除一些设置尝试了两种方法。他们都没有解决我的问题。可以在这里任何人建议我可能是根本原因。请帮帮我。

<html>
<head><title>

</title><link href="themes/blue/style.css" rel="stylesheet" /><link     href="themes/green/style.css" rel="stylesheet" />
<script src="~/JQuery/jquery-1.9.0.min.js" type="text/javascript"></script>

<script src="~/JQuery/jquery.tablesorter.js" type="text/javascript"></script>
<script src="~/JQuery/TableSorter.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#GrdViewEmployee").tablesorter({ sortList: [[0, 0], [2, 1]], widgets:'zebra' });
    });
</script>
</head>
<body class="tablesorterBlue">
<form method="post" action="WebForm1.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="fauQ7GKDqTon5mt7NHJnOCzVzfTVHWHj+gG3j+CA8mTf4JJVPho0PBzFatn/hz/0xu7X0+jfUVQHlCgPQh5CNnoHCyzZOnTqgr7nSstUfCj5JlrZkhV7468h3Vx1e7Er" />
</div>

    <div>
<table cellspacing="0" rules="all" class="tablesorterBlue" border="1" id="GrdViewEmployee" style="border-collapse:collapse;">
    <thead>
        <tr>
            <th scope="col">empId</th><th scope="col">empName</th><th scope="col">empEMail</th><th scope="col">empPhone</th>
        </tr>
    </thead><tbody>
        <tr>
            <td>1</td><td>rameshwar</td><td>ram@hcl.com</td><td>1234</td>
        </tr><tr>
            <td>2</td><td>shrivatsav</td><td>ggtgh@shri.com</td><td>1234</td>
        </tr><tr>
            <td>3</td><td>ganga</td><td>karna@kulla.com</td><td>54321</td>
        </tr><tr>
            <td>4</td><td>krishna</td><td>krish@krish.com</td><td>98766</td>
        </tr><tr>
            <td>5</td><td>mahesh</td><td>hfgsdhjf@jdfsgjd</td><td>347234</td>
        </tr><tr>
            <td>6</td><td>Shridhar</td><td>shri@shri.com</td><td>545454</td>
        </tr>
    </tbody><tfoot>

    </tfoot>
</table>
</div>
</form>
</body>
</html>

Answer 1

我使用了您上面的代码，它适用于我this demo

我确实需要进行两次更改

将表类名更改为“tablesorter-blue”
```
<table class="tablesorter-blue" .... >
```
widget选项需要一个数组：
```
widgets: [ 'zebra' ]
```

所以，如果我不得不猜测，我会说jQuery或插件文件没有正确加载。

可能问题出在以下情况之一：

<script src="~/JQuery/jquery.tablesorter.js" type="text/javascript"></script>
<script src="~/JQuery/TableSorter.js" type="text/javascript"></script>

代字号（~），我相信它只适用于asp.net服务器控件，所以我不确定这是不是问题。
目录名称的大小写; “JQuery”通常输入为“jQuery”，带有小写字母J
或“TableSorter.js”文件名的名称。没有一个插件文件以这种方式命名，大写“T”，这是一个自定义脚本文件吗？

最后，请检查浏览器控制台（按F12）是否有任何错误。

jQuery tablesorter（）无法正常工作..！

1 个答案: