我的表格排序器 jquery 不工作答案

【问题标题】：My table sorter jquery isn't working我的表格排序器 jquery 不工作
【发布时间】：2016-12-01 18:14:40
【问题描述】：

这是我拥有的实际代码，它来自一个示例，但我仍然无法找出问题所在。这是我用来尝试这个 jquery 效果的基本表。非常感谢您的帮助。

<!DOCTYPE HTML>
<html>

<head>
		<script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"></script>
		
		<script type="text/javascript" src="jquery-latest.js"</script>
        <script type="text/javascript" src="jquery.tablesorter.js"</script>      

	<!--<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script> -->
<script type="text.javascript">
$(document).ready(function() 
    { 
        $("#myTable").tablesorter();
    } ; 
    
); 
    
</script>

</head>
<body>
<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>

【问题讨论】：

尝试使用这个 jquery src : https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js 并删除其他的。然后将这个用于表格分类器：https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.28.0/js/jquery.tablesorter.min.js。你可以在CDNJS 上找到很多库；）
刚刚试过这3个还是不行。
没有。只使用<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.j‌s"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.‌2‌8.0/js/jquery.table‌‌sorter.min.js"></script>
刚刚试了一下，还是没有排序。

标签： jquery html html-table tablesorter

【解决方案1】：

这里有两个问题。

如何调用外部脚本文件。
你的脚本中有一个小的语法错误（一个额外的;）。

$(document).ready(function(){ 
    $("#myTable").tablesorter();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.28.0/js/jquery.tablesorter.min.js"></script>


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

【讨论】：