简体   繁体   English

无法启动tablesorter

[英]Having trouble starting up tablesorter

I'm following the demo example provided at tablesorter . 我正在关注tablesorter提供的演示示例。 I have confirmed that jquery is working properly. 我已经确认jquery工作正常。 However, I tried recreating the demo and jquery.tablesorter.js is not producing any changes at all. 但是,我尝试重新创建演示,jquery.tablesorter.js根本没有产生任何变化。 The output is still a pure HTML text table. 输出仍然是纯HTML文本表。

What am I missing? 我错过了什么?

myTable.html myTable.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>

myTable.js myTable.js

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

Move jQuery and tablesorter inclusion before js/myTable.js: 在js / myTable.js之前移动jQuery和tablesorter包含:

 <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>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM