好的..。让我们开始吧:我在一个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似乎正常工作,除了标题上的背景图像。
非常感谢
发布于 2014-02-28 20:05:57
试试这个..。
<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>https://stackoverflow.com/questions/22092494
复制相似问题