啓動tablesorter時遇到問題

我按照tablesorter提供的演示示例。我已經確認jquery工作正常。但是，我嘗試重新創建演示，並且jquery.tablesorter.js不會產生任何更改。輸出仍然是純粹的HTML文本表格。啓動tablesorter時遇到問題

我錯過了什麼？

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>[email protected]</td> 
     <td>$50.00</td> 
     <td>http://www.jsmith.com</td> 
    </tr> 
    <tr> 
     <td>Bach</td> 
     <td>Frank</td> 
     <td>[email protected]</td> 
     <td>$50.00</td> 
     <td>http://www.frank.com</td> 
    </tr> 
    <tr> 
     <td>Doe</td> 
     <td>Jason</td> 
     <td>[email protected]</td> 
     <td>$100.00</td> 
     <td>http://www.jdoe.com</td> 
    </tr> 
    <tr> 
     <td>Conway</td> 
     <td>Tim</td> 
     <td>[email protected]</td> 
     <td>$50.00</td> 
     <td>http://www.timconway.com</td> 
    </tr> 
    </tbody> 
</table> 

</body> 
</html>

myTable.js

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

來源

2013-10-15 Marco Lau

中的任何錯誤安慰？你文件路徑中的下劃線是什麼？ – isherwood

是的，ReferenceError：$未定義 js/myTable.js 第1行我在調試部分很新穎。我不確定這是什麼意思。我的意思是，當我使用jQuery隱藏/顯示事物時，這通常會起作用。 –

@MarcoLau你沒有包含jQuery，請檢查路徑。 – dbanet

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

來源

2013-10-15 15:09:30 dbanet

啓動tablesorter時遇到問題

回答

相關問題