首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery表排序程序在基本页面上失败

Jquery表排序程序在基本页面上失败
EN

Stack Overflow用户
提问于 2012-12-21 00:18:46
回答 1查看 539关注 0票数 0

我有下面的代码,我一直在努力让它工作,直到我从tablesorter网站上复制了这个例子。有人能帮我纠正我做错了什么吗?我关注了教程视频http://www.youtube.com/watch?v=-wAWfPVXlME

代码语言:javascript
运行
复制
<!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>jsmith@gmail.com</td> 
                    <td>$50.00</td> 
                    <td>http://www.jsmith.com</td> 
                </tr> 
                <tr> 
                    <td>Bach</td> 
                    <td>Frank</td> 
                    <td>fbach@yahoo.com</td> 
                    <td>$50.00</td> 
                    <td>http://www.frank.com</td> 
                </tr> 
                <tr> 
                    <td>Doe</td> 
                    <td>Jason</td> 
                    <td>jdoe@hotmail.com</td> 
                    <td>$100.00</td> 
                    <td>http://www.jdoe.com</td> 
                </tr> 
                <tr> 
                    <td>Conway</td> 
                    <td>Tim</td> 
                    <td>tconway@earthlink.net</td> 
                    <td>$50.00</td> 
                    <td>http://www.timconway.com</td> 
                </tr> 
            </tbody> 
        </table> 

    </body>
</html>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-21 00:35:03

确保加载tablesorter核心:

代码语言:javascript
运行
复制
<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"

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13976280

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档