数据表不显示 Django答案

【问题标题】：Datatables not displaying Django数据表不显示 Django
【发布时间】：2015-11-21 19:19:13
【问题描述】：

我根据网站上的解释设置了数据表

这是我的 base.html

<!DOCTYPE html>
{% load static %}
<head>
    <link href="{% static 'tickets/css/bootstrap.min.css' %}" rel="stylesheet" media="screen" >
    <link href="{% static 'tickets/css/styles.css' %}" rel="stylesheet" >
    <link rel="stylesheet" type="text/css" href="{% static 'tickets/DataTables-1.10.8/media/css/jquery.dataTables.css'  %}">

    <script type="text/javascript" charset="utf8" src="{% static  'tickets/DataTables-1.10.8/media/js/jquery.js' %}"></script>
    <script type="text/javascript" charset="utf8" src"{% static 'tickets/Datatables-1.10.8/media/js/jquery.dataTables.js' %}"></script>

<title>{% block title %}VGTSI Tickets {% endblock %} </title>

<script type="text/javascript" class="init">

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

    });


</script>

</head>

这是数据表的表格

<table id="table_id" class="display">
    <thead>
        <tr>
            <th>Title</th><th>Date</th><th>Open/Closed</th>
        </tr>
    </thead>
    <tbody>
    {% for ticket in ticket_list %}
    <tr>
        <td><a href="{% url 'tickets:view_ticket' ticket.id %}">{{ticket.title}}</a></td>   
        <td>{{ticket.dateOfIssue}}</td>              
        <td>{{ticket.resolved}}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>

还有风景

@login_required
def view_all(request):
    ticket_list = Ticket.objects.order_by('dateOfIssue')[:20]
    context = {'ticket_list' : ticket_list}
    return render(request, 'tickets/view_all.html', context)

在 firebug 上查看控制台后，我得到的错误是 TypeError: $(...).DataTable is not a function 我在这个网站上查看了其他类似问题的问题，但他们的解决方案都没有奏效。有什么明显的吗？请帮忙。

【问题讨论】：

标签： javascript jquery django datatables typeerror

【解决方案1】：

您在此行（src 之后）中缺少等号 (=)：

<script type="text/javascript" charset="utf8" src"{% static 'tickets/Datatables-1.10.8/media/js/jquery.dataTables.js' %}"></script>

固定：

<script type="text/javascript" charset="utf8" src="{% static 'tickets/Datatables-1.10.8/media/js/jquery.dataTables.js' %}"></script>

【讨论】：

谢谢！这么小的东西，我没有注意到它