jquery tablesorter在基本頁上失敗

我有下面的代碼，我一直在努力讓這個工作，到我從tablesorter網站複製的例子。任何人都可以幫助我做我做錯了什麼？我跟着教程視頻http://www.youtube.com/watch?v=-wAWfPVXlME jquery tablesorter在基本頁上失敗

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Test Table</title> 
    <link rel="stylesheet" type="text/css" href="testTable.css"> 
    <script src="jquery-1.8.3.min.js" type="text/javascript" ></script> 
    <script src="jquery.tablesorter.pager.js" type="text/javascript" ></script> 

    <script type="text/javascript"> 
     $(document).ready(function() 
      { 
       $("#myTable").tablesorter(); 
      } 
     ); 
    </script> 



    </head> 

    <body> 
     <h4>Table Testing</h4> 

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

來源

2012-12-20 Tyler

它看起來像只加載尋呼機'jquery.tablesorter.pager.js'而不是tablesorter核心。 – Mottie

你有什麼錯誤嗎？如果Mottie是正確的，你可能會看到一個未定義的函數。一個好的開始就是調試你的js錯誤... – jtheman

我使用notepad ++並沒有收到任何錯誤。當我在任何瀏覽器中加載頁面時，它會顯示一個無格式的html表格。 – Tyler

確保您加載的tablesorter核心：

<script src="jquery-1.8.3.min.js"></script> 
<script src="jquery.tablesorter.js"></script> 
<script src="jquery.tablesorter.pager.js"></script>

而且因爲它看起來像你使用HTML5，不需要腳本標籤中的type="text/javascript" 。

來源

2012-12-20 16:35:03 Mottie

工作很好，我在上面留言了。感謝您的幫助，節省了我幾個小時，或試圖對所有內容進行硬編碼。 – Tyler

jquery tablesorter在基本頁上失敗

回答

相關問題