2009-11-03 102 views
1

這應該工作:的tablesorter例如不工作

<head> 
    <title>Damn</title> 
    <script src="jquery-latest.js" type="text/javascript"/> 
    <script src="jquery.tablesorter.min.js" type="text/javascript"/> 
    <script type="text/javascript"> 
    $(document).ready(function() {  
     $("#tablesorter-demo").tablesorter(); 
    }); 
</script> 
</head> 
<body> 
    <table id="tablesorter-demo" class="tablesorter" border="2" cellpadding="0" cellspacing="1"> 
    <thead> 
     <tr> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th>Age</th> 
      <th>Total</th> 
      <th>Discount</th> 
      <th>Difference</th> 
      <th>Date</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Peter</td> 

      <td>Parker</td> 
      <td>28</td> 
      <td>$9.99</td> 
      <td>20.9%</td> 
      <td>+12.1</td> 
      <td>Jul 6, 2006 8:14 AM</td> 

     </tr> 
     <tr> 
      <td>John</td> 
      <td>Hood</td> 
      <td>33</td> 
      <td>$19.99</td> 
      <td>25%</td> 

      <td>+12</td> 
      <td>Dec 10, 2002 5:14 AM</td> 
     </tr> 
     <tr> 
      <td>Clark</td> 
      <td>Kent</td> 
      <td>18</td> 
      <td>$15.89</td> 
      <td>44%</td> 
      <td>-26</td> 
      <td>Jan 12, 2003 11:14 AM</td> 
     </tr> 
    </tbody> 
    </table> 
</body> 

但事實並非如此。
我在做什麼錯?
注:我不太瞭解,但這似乎遵循Tablesorter的主頁上的示例沒有錯誤。
我知道我會完全感到羞恥。

+0

使用firebug(firefox插件)來確定您的頁面上是否存在任何腳本錯誤,從而防止表格發射。讓我們知道這是否會出現任何錯誤。 – 2009-11-03 12:29:23

+0

您確定您已將必要的文件包含在適當的位置嗎? – rahul 2009-11-03 12:30:33

回答

0

我只是跑這個,它工作得很好,除了我不得不把表的排序腳本文件的完整路徑,因爲我沒有他們。

<script src="http://tablesorter.com/jquery-latest.js" type="text/javascript"></script> 
<script src="http://tablesorter.com/jquery.tablesorter.min.js" type="text/javascript"/> 
7

關閉腳本標籤正確

<script src="jquery-latest.js" type="text/javascript"></script> 
<script src="jquery.tablesorter.min.js" type="text/javascript"></script> 

你必須與</script>

+0

+1。您無法使用自閉標籤關閉腳本標記,否則它們將無法工作。 :) – 2009-11-03 12:31:39

0

關閉它做這些其實2指向現有的文件嗎?

<script src="jquery-latest.js" type="text/javascript"/> 
<script src="jquery.tablesorter.min.js" type="text/javascript"/>