表排序插件问题 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>

我有这个链接到css文件和site.master上的jquery表排序插件：

       <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>