Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Tablesorter Jquery插件不工作(asp项目)_Jquery_Tablesorter - Fatal编程技术网

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>