我正在尝试将JQuery添加到我的网站,但是,我收到的错误确实没有意义。尝试在我的网站中包含JQuery的错误
为我的项目的基本目录结构如下:
list_app- Directory
list_site- Directory
templates- Directory:
jquery-1.11.0.js
list_edit.html
list_index.html
calendar- Directory:
calendar_control.css
calendar_control.js
admin- Directory
我的网站上list_edit.html的一个页面上,有是应该提出一个下拉日历在它获得键盘焦点的文本字段。我已经从其他网站的日历代码中看到了它的使用情况,所以我确信我遇到的问题是我的代码。当我到了'list_edit页面,我得到了我的镀铬以下错误JavaScript控制台:
'未捕获的SyntaxError:意外的标记<':8000 /模板/ jQuery的1.11.0.js:1
但是,当我点击链接源文件':8000/templates/jquery-1.11.0.js:1'时,它会显示源文件'list_index.html'。这很奇怪,因为我目前在list_edit.html文件中引用了jquery/javascript。
这里是list_edit.html:
<!DOCTYPE html>
<html>
<head>
<script src="/templates/jquery-1.11.0.js"></script>
<link href="/templates/calendar/calendar_control.css"
rel="stylesheet" type="text/css"/>
<script src="/templates/calendar/calendar_control.js"
language="javascript"></script>
<title> List Management </title>
</head>
<body>
<!--Calendar Stuff-->
<table style="width:300px">
<tr>
<td> list name </td>
<td> expiration date </td>
</tr>
<tr>
<form action="" method="post"> {% csrf_token %}
<td> <input id="name" type="text" /> </td>
<td> <input id="expire_date" onfocus="showCalendarControl(this);" type="text" /> </td>
<input id="submit" type="submit" value="Save Changes" />
</form>
<!--TODO: Turn the below code into a javascript button-->
<form action="/lists/list_index" method="get">
<input id="cancel" type="submit" value="Cancel" />
</form>
</tr>
</table>
{% if invalid_edit %}
<p><b>Invalid changes:<br> {{error_msg}} </b></p>
{% endif %}
</body>
</html>
这里是list_index.html:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table style="width:300px">
<tr>
<td> Mailing List Name</td>
<td> Mailing List Creation Date</td>
</tr>
<tr>
<td>physics 212 mailing list</td>
<td>April 1, 2014, 9:08 p.m.</td>
<td>
<form action="/lists/list_edit" method="get">
<input name="submit" type="submit" value="Edit" />
<input name="list_id" type="hidden" value="1" />
<input name="admin_name" type="hidden" value="wasingej" />
</form>
</td>
</tr>
<tr>
<td>physics 314 mailing list</td>
<td>April 1, 2014, 9:09 p.m.</td>
<td>
<form action="/lists/list_edit" method="get">
<input name="submit" type="submit" value="Edit" />
<!--<input name="list_name" type="hidden" value="physics 314 mailing list" />-->
<input name="list_id" type="hidden" value="2" />
<input name="admin_name" type="hidden" value="wasingej" />
</form>
</td>
</tr>
</table>
<form action="/logout/" method="post"> <input type='hidden' name='csrfmiddlewaretoken' value='sJEKhPgAidml50xzYgzEHvUe1iQufPlt' />
<input name="logout" type="submit" value="logout" />
</form>
是不是jQuery与'list_edit.html'文件在同一个目录中?...脚本标签应该是这样的:'' – Mottie