gpt4 book ai didi

javascript - 在页面之间移动代码后,表排序器无法按预期工作

转载 作者:行者123 更新时间:2023-11-28 05:33:18 24 4
gpt4 key购买 nike

它曾经可以工作,我将它从一个网页移动到另一个网页(我还将 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com