它曾经可以工作,我将它从一个网页移动到另一个网页(我还将 CSS 和 JS 列表复制为旧网页),然后它就不起作用了。
<head>
<link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}assets/css/style.css">
<script type="text/javascript" src="{{ STATIC_URL }}assets/js/tablesorter.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}assets/js/script.js"></script>
</head>
<body>
<table id="keywords" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th><span>Serial Number</span></th>
<th><span>Name</span></th>
<th><span>Model</span></th>
</tr>
</thead>
<tbody>
{% for measurement in measurement_list %}
<tr>
<td class="lalign">{{ measurement.set.machine.sn }}</td>
<td>{{ measurement.set.name }}</td>
<td>{{ measurement.set.model }}</td>
<td>{{ measurement.user }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
在 Javascript 中,我还在我的标题中包含了 tablesorter.js
,并且此函数由 $(document).ready(function)
包装:
$(function() {
$('#keywords').tablesorter();
});
CSS/JS 链接都有效,我有与原始页面完全相同的代码(在表格 div 中)。我不知道为什么它不起作用。
最佳答案
这是由于新页面中的一些div问题不适合旧的JS文件(我在其中调用$('#keywords').tablesorter();
)。
我将该函数移动到一个单独的 JS 文件,然后链接回 html,然后它就可以工作了。
关于javascript - 在页面之间移动代码后,表排序器无法按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38377698/