Question

它曾经工作，我正在将它从一个网页移动到另一个网页（我还将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中）作为原始页面。我不知道为什么它不起作用。

Answer 1

由于新页面中的某些div问题不适合旧的JS文件（我称之为$('#keywords').tablesorter();）。

我将函数移动到一个单独的JS文件，然后链接回html，然后它就可以了。

在页面之间移动代码后，表格分拣机无法按预期工作

1 个答案: