2017-02-14 48 views
0

我的模板:

{% extends "base.html" %} 
{% block content %} 
{% load static %} 

<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.js"> 
$(document).ready(function() { 
    alert("I am an alert box!"); 
}); 
$(function() { 
    $(".datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
    }); 
}); 
</script> 
<form action="{% url 'transaction_create' %}" method="post"> 
    {% csrf_token %} 
    {{ form.as_p }} 
    <input type="submit" name="save" value="Save transaction"> 
</form> 

{% endblock %} 

谷歌Chrome檢查表明,JQuery的加載,但沒有出現警告框,也沒有並在日期選擇器的工作(在該領域的類設置正確)。 爲什麼JavaScript的不是因爲你在你的代碼有一個是專門致力於裝載jQuery的工作?

回答

3

你需要另一個開口<script>標籤。MDN狀態即:

如果腳本元素具有指定的src屬性,則其腳本中不應嵌入腳本。

相關問題