javascript - HTML 表格加载完成后调用 Javascript 函数

Question

我正在通过 Django 加载 HTML 表:

{% for  m in pays %}
                <tr>
                    <td><center>{{ m.bid }}</center></td>
                    <td><center>{{ m.pDate }}</center></td>
                    <td><center>{{ m.punt }}</center></td>

                </tr>

此表填满必要的行后。我想调用一个函数来使其成为数据表。

function inittable(){
         $('#pt').DataTable();
}

现在，我在表单提交时初始化它。这会导致它尝试加载到空表上。我只想在表加载后初始化

Answer 1

是否将脚本放在表格后面

{% for  m in pays %}
                <tr>
                    <td><center>{{ m.bid }}</center></td>
                    <td><center>{{ m.pDate }}</center></td>
                    <td><center>{{ m.punt }}</center></td>

                </tr>
{% endfor %}

<script>
function inittable(){
         $('#pt').DataTable();
}
</script>

或将其放在页面中 $( document ).ready()

内的任意位置

$( document ).ready(function() {
        $('#pt').DataTable();
    });