数据表不显示 Django
Datatables not displaying Django
我根据网站上的解释
设置了数据table
这是我的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>
这是数据tabletables
<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 不是函数
我查看了该站点上存在类似问题的其他问题,但他们的 none 解决方案有效。
是不是很明显?请帮忙。
您在此行中(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>
我根据网站上的解释
设置了数据table这是我的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>
这是数据tabletables
<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 不是函数 我查看了该站点上存在类似问题的其他问题,但他们的 none 解决方案有效。 是不是很明显?请帮忙。
您在此行中(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>