2009-11-03 51 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"/>