Tablesorter Jquery插件不工作(asp项目)
我有一张简单的桌子,有桌子和桌子 我已将此添加到我的站点。主站点:Tablesorter Jquery插件不工作(asp项目),jquery,tablesorter,Jquery,Tablesorter,我有一张简单的桌子,有桌子和桌子 我已将此添加到我的站点。主站点: <script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script> <script type="text/javascript" src="Scripts/jquery.tablesorter.js"></script> 但我无法对表中的列进行排序 实际上,我在表中使用了另一个插件来修复标题。 也许我有冲
<script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="Scripts/jquery.tablesorter.js"></script>
但我无法对表中的列进行排序
实际上,我在表中使用了另一个插件来修复标题。
也许我有冲突
谢谢
编辑:css
实际上插件没有排序,我看不到bg.gif/asc.gif/desc.gif图像。。不知道为什么
table.tablesorter th {
cursor:pointer;
font-size: 12px;
text-align:center;
background: url('Images/bg.gif');
background-color: #91061F;
color: white;
border: 1px white;
padding: 3px;
height: 20px
}
table.tablesorter .headerSortUp {
background-image: url('Images/asc.gif');
}
table.tablesorter .headerSortDown {
background-image: url('Images/desc.gif');
}
您将绑定到文档加载两次
// A $( document ).ready() block.
$(document).ready(function(){
//stuff
});
// Shorthand for $( document ).ready()
$(function(){
//stuff
});
JQuery文档:
在文档“就绪”之前,无法安全地操作页面
jQuery为您检测这种准备状态。代码包括在内
$(document).ready()将只运行一次页面文档对象
模型(DOM)已准备好让JavaScript代码执行
因此,请将脚本更改为:
$(function () {
$("#DispTable").tablesorter();
});
希望果汁开始流动 我知道这个问题由来已久,但我在让tablesorter对动态创建的表进行排序时遇到了问题,过了一段时间,我意识到问题如下: 这无法排序:
<table id="myTable" class="tablesorter">
<thead>
<tr>
<td>Number</td>
<td>Letter</td>
</tr>
</thead>
<tbody>
<tr>
<td>123</td>
<td>abc</td>
</tr>
<tr>
<td>456</td>
<td>def</td>
</tr>
</tbody>
</table>
数
书信
123
abc
456
def
这包括:
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Number</th> <!-- note th instead of td -->
<th>Letter</th>
</tr>
</thead>
<tbody>
<tr>
<td>123</td>
<td>abc</td>
</tr>
<tr>
<td>456</td>
<td>def</td>
</tr>
</tbody>
</table>
数
书信
123
abc
456
def
您在控制台中收到任何错误吗?@Felix Nope。控制台中没有错误。请尝试JQuery 1.9.1。你包括CSS了吗?
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Number</th> <!-- note th instead of td -->
<th>Letter</th>
</tr>
</thead>
<tbody>
<tr>
<td>123</td>
<td>abc</td>
</tr>
<tr>
<td>456</td>
<td>def</td>
</tr>
</tbody>
</table>