jquery - TableSort 插件问题 asp.net

Question

好的...让我们开始吧:我在 asp 页面中有这个简单的表格

         <table id="provasort" class="tablesorter">
            <thead>
                <tr>
                    <th>head1</th>
                    <th>heade2</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>body1</td>
                    <td>body2</td>
                </tr>
                <tr>
                    <td>body3</td>
                    <td>body4</td>
                </tr>
            </tbody>

        </table>

我在 site.master 上有这个指向 css 文件和 jquery tablesort 插件的链接:

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

       <script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
       <script type="text/javascript" src="Scripts/jquery.tablesorter.js"></script>

这是从插件官网下载的css文件:

    table.tablesorter {
   font-size: 12px;
   background-color: #4D4D4D;
   width: 1024px;
   border: 1px solid #000;
    }

    table.tablesorter th {
  text-align: left;
  padding: 5px;
  background-color: #6E6E6E;
    }

    table.tablesorter td {
  color: #FFF;
  padding: 5px;
    }

   table.tablesorter .even {
  background-color: #3D3D3D;
   }

   table.tablesorter .odd {
 background-color: #6E6E6E;
   }

   table.tablesorter .header {
 background-image: url('../Images/bg.png');
 background-repeat: no-repeat;
 border-left: 1px solid #FFF;
 border-right: 1px solid #000;
 border-top: 1px solid #FFF;
 padding-left: 30px;
 padding-top: 8px;
 height: auto;

   }

   table.tablesorter .headerSortUp {
 background-image: url('../Images/asc.png');
 background-repeat: no-repeat;
   }

   table.tablesorter .headerSortDown {
 background-image: url('../Images/desc.png');
 background-repeat: no-repeat;
   }

插件调用:

$('#provasort').tablesorter()

现在我的问题是:

1) 插件没有对我的表格进行排序。我单击该列，但没有任何反应。控制台不返回任何错误。

2) 除了标题上的背景图像外，CSS 似乎可以正常工作。

非常感谢

Answer 1

试试这个..

<table id="provasort" class="tablesorter">
            <thead>
                <tr>
                    <th><a>head1</a></th>
                    <th><a>heade2</a></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>body1</td>
                    <td>body2</td>
                </tr>
                <tr>
                    <td>body3</td>
                    <td>body4</td>
                </tr>
            </tbody>

        </table>