启动表排序器时遇到问题

Having trouble starting up tablesorter

本文关键字：遇到 问题 排序 启动      更新时间：2023-09-26

我正在遵循tablesorter提供的演示示例。我已经确认jquery工作正常。但是，我尝试重新创建演示，jquery.tablesorter.js根本没有产生任何更改。输出仍然是纯 HTML 文本表。

我错过了什么？

我的表.html 

<!DOCTYPE html>
<html>
 <head>
 <script type="text/javascript" src="../js/myTable.js"></script>
 <script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script> 
 <script type="text/javascript" src="../js/__jquery.tablesorter/jquery.tablesorter.js"></script>
 </head>
 <body>
 <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>$50.00</td> 
      <td>http://www.jsmith.com</td> 
    </tr> 
    <tr> 
      <td>Bach</td> 
      <td>Frank</td> 
      <td>fbach@yahoo.com</td> 
      <td>$50.00</td> 
      <td>http://www.frank.com</td> 
    </tr> 
    <tr> 
      <td>Doe</td> 
      <td>Jason</td> 
      <td>jdoe@hotmail.com</td> 
      <td>$100.00</td> 
      <td>http://www.jdoe.com</td> 
    </tr> 
    <tr> 
      <td>Conway</td> 
      <td>Tim</td> 
      <td>tconway@earthlink.net</td> 
      <td>$50.00</td> 
      <td>http://www.timconway.com</td> 
    </tr> 
  </tbody> 
</table>
</body>
</html>

我的表.js

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

将 jQuery 和 tablesorter 包含移到 js/myTable.js 之前：

 <head>
 <script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script> 
 <script type="text/javascript" src="../js/__jquery.tablesorter/jquery.tablesorter.js"></script>
 <script type="text/javascript" src="../js/myTable.js"></script>
 </head>
相关文章：