Question

我有下面的代码，我一直在努力让这个工作，我从tablesorter网站复制了这个例子。任何人都能帮我解决我做错的事吗？我已经按照教程视频http://www.youtube.com/watch?v=-wAWfPVXlME

了

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

Answer 1

确保加载tablesorter核心：

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

Jquery tablesorter在基本页面上失败

1 个答案: