我根据网站上的解释设置了数据表
这是我的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>
还有 View
@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 不是函数 我查看了该网站上存在类似问题的其他问题,但他们的解决方案均无效。 这是显而易见的事情吗?请帮忙。
最佳答案
此行中缺少等号 (=
)(位于 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>
关于javascript - 数据表不显示 Django,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32248852/