无法运行 Jquery Tablesorter 插件

Question

我花了一个多小时试图弄清楚这里出了什么问题。当我从本地服务器在浏览器上加载页面时，我看到了 HTML table，但我无法进行任何排序，而且 table 本身看起来与 Tablesorter 中的示例完全不同网站。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.js"></script> 
</head>
<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>jsmith@gmail.com</td> 
    <td>.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
    <td>Bach</td> 
    <td>Frank</td> 
    <td>fbach@yahoo.com</td> 
    <td>.00</td> 
    <td>http://www.frank.com</td> 
</tr> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>jdoe@hotmail.com</td> 
    <td>0.00</td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>tconway@earthlink.net</td> 
    <td>.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody> 
</table> 
</html>

Answer 1

你错过了这篇文章

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
);

发件人：http://tablesorter.com/docs/

Answer 2

确实需要修改代码:

您必须初始化您的 tablesorter jQuery 插件

$(文档).ready(函数() { $("#myTable").tablesorter(); } );

我建议您下次阅读 jQuery 插件的文档 (http://tablesorter.com/docs/)

您的全部代码在这里：

    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript" src="jquery-latest.js"></script> 
    <script type="text/javascript" src="jquery.tablesorter.js"></script> 
    </head>
    <table id="myTable" class="tablesorter"> 
    <thead> 
    <tr> 
        <th>Last Name</th> 
        <th>First Name</th> 
        <th>Email</th> 
        <th>Due</th> 
        <th>Web Site</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
        <td>Smith</td> 
        <td>John</td> 
        <td>jsmith@gmail.com</td> 
        <td>.00</td> 
        <td>http://www.jsmith.com</td> 
    </tr> 
    <tr> 
        <td>Bach</td> 
        <td>Frank</td> 
        <td>fbach@yahoo.com</td> 
        <td>.00</td> 
        <td>http://www.frank.com</td> 
    </tr> 
    <tr> 
        <td>Doe</td> 
        <td>Jason</td> 
        <td>jdoe@hotmail.com</td> 
        <td>0.00</td> 
        <td>http://www.jdoe.com</td> 
    </tr> 
    <tr> 
        <td>Conway</td> 
        <td>Tim</td> 
        <td>tconway@earthlink.net</td> 
        <td>.00</td> 
        <td>http://www.timconway.com</td> 
    </tr> 
    </tbody> 
    </table>
     <script type="text/javascript">
      $(document).ready(function() 
      { 
       $("#myTable").tablesorter(); 
      } 
      );
     </script> 
    </html>

无法 运行 Jquery Tablesorter 插件

Unable to run Jquery Tablesorter Plug-in

html

jquery

tablesorter

无法运行 Jquery Tablesorter 插件