Question

我无法理解为什么这段代码不能在我的服务器上运行。我在一些代码游乐场测试了它没有问题......

    <!DOCTYPE html>
<html>
<head>
    <link href="design.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
var mylist = $('#myTable');
var listitems = mylist.find('tr');
listitems.sort(function(a, b) {
   return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });
    </script>
</head>
<body>
<table id="myTable">
<tr>
<td>B</td>
<td>12/01/2016</td>
</tr>
<tr>
<td>A</td>
<td>12/01/2016</td>
</tr>
</table>
</body>
</html>

Answer 1

在结束</body>标记之前移动您的脚本或使用$(document).ready()事件处理程序。

问题在于，当您的代码在操场上执行时，它会在HTML之后启动，但是当您使用自己的服务器时，您的当前代码会在页面初始化之前启动。

页面加载时的表排序

1 个答案: