Tablesorter 示例不工作

发布于 2024-08-10 00:15:40 字数 2011 浏览 6 评论 0原文

这应该有效:

<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主页上的示例,没有错误。
我知道我会感到非常羞愧。

This should work:

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

But it doesn't.
What am I doing wrong?
NOTE: I don't understand much, but this seems to follow the example on the home page of Tablesorter without errors.
And I know I'll be completely ashamed.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

层林尽染 2024-08-17 00:15:40

正确关闭脚本标签,

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

您必须使用 关闭它

close your script tag properly

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

you have to close it with </script>

倾城月光淡如水﹏ 2024-08-17 00:15:40

我刚刚运行了这个,它工作得很好,只是我必须将完整路径放入表排序脚本文件,因为我没有它们。

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

I just ran this and it worked fine except that I had to put the full path to the table sortet script files because I don't have them.

<script src="http://tablesorter.com/jquery-latest.js" type="text/javascript"></script> 
<script src="http://tablesorter.com/jquery.tablesorter.min.js" type="text/javascript"/>
北座城市 2024-08-17 00:15:40

这两个实际上指向现有文件吗?

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

do these 2 actually point to existing files?

<script src="jquery-latest.js" type="text/javascript"/>
<script src="jquery.tablesorter.min.js" type="text/javascript"/>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文