Django-$（document）.ready（function（）{}不會觸發，但會加載JQuery

Question

我的模板：

{% 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 %}

谷歌瀏覽器檢查器顯示已加載JQuery，但沒有出現警告框，日期選擇器也不起作用（字段上的類設置正確）。 為什么Javascript不起作用？

Answer 1

您需要另一個打開的<script>標記，因為您的代碼中的標記專門用於加載jQuery。 MDN指出：

如果腳本元素指定了src屬性，則其標簽中不應嵌入腳本。