Tablesorter示例不起作用

时间:2009-11-03 12:25:13

标签: jquery 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主页上的示例而没有错误 而且我知道我会完全感到羞耻。

3 个答案:

答案 0 :(得分:7)

正确关闭脚本标记

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

您必须使用</script>

关闭它

答案 1 :(得分: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"/>

答案 2 :(得分:0)

这些2实际指向现有文件吗?

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