我无法使jQuery Table Sorter工作

时间:2016-06-09 21:58:56

标签: javascript jquery html

这是我的HTML页面:

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        <script src="http://tablesorter.com/jquery-latest.js" type="text/javascript"/>
        <script src="http://tablesorter.com/jquery.tablesorter.js" type="text/javascript"/>
        <script type="text/javascript">$(document).ready(function () {
            $("#myTable").tablesorter({sortList: [[0, 0]]});
        });
    </script>
    </head>
    <body>
        <h1>Repid Type Table</h1>
        <table class="tablesorter" id="myTable">
            <tr>
                <th>PERNR</th>
                <th>INNBOUND</th>
                <th>FIRSTNAME</th>
                <th>LASTNAME</th>
                <th>CATSHOURS</th>
                <th>DIFF</th>
            </tr>
            <tr>
                <td>00017808</td>
                <td>26.50</td>
                <td>Roland</td>
                <td>Block</td>
                <td>1830.70</td>
                <td>1804.20</td>
            </tr>
            <tr>
                <td>123412</td>
                <td>111.34</td>
                <td>Koray</td>
                <td>Tugay</td>
                <td>945.56</td>
                <td>234.43</td>
            </tr>
        </table>
    </body>
</html>

但我看到的表似乎根本不起作用。我错过了什么?

1 个答案:

答案 0 :(得分:5)

我认为您错过了已关闭的</script>代码,其中包括&#34;:

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

<强>更新

修复源路径。可能还会考虑使用一些CDN来加载你的javascript库。例如https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.26.2/js/jquery.tablesorter.min.js