Django 扩展模板没有加载基础 JS

Question

我在 Django 1.11 中有一个 base.html，其中包含所有脚本引用。

然后，我有另一个 page.html，它使用 {% extends base.html %} 和 {% block content %} / {% endblock content %} 标签扩展 base.html。

嗯。在 base.html 中，我引用了 Chartjs.js 插件。在 page.html 中，如果我尝试调用 Chart() 函数或只是 $ jquery，我会得到“函数未定义”。如果我打开控制台调试器并尝试调用 $ 或只是 Chart()，它可以工作。所以我认为加载时间有问题。 page.html是在js下载或请求之前渲染的！

我该如何解决？我以前也做过，不知道是什么问题。

谢谢！

Answer 1

如果没有显示您的代码，很难说。根据您写的内容，也许您忘记放置一个块和 block.super 来获取父级（base.html 的）Chartjs 参考。

这应该在您的 {% endblock content %} 标记之后的 page.html 中。请参阅下面的示例（使用 DataTables 作为示例，因为您的代码未显示）：

</div>

{% endblock content %}
{% block javascript %}
  {{ block.super }}
<script type="application/javascript">

$(document).ready(function () {
  $('#table').DataTable({
    responsive: true,
  });
});
  </script>
{% endblock javascript %}

Base.html 将 js 部分包含在

中

{% block javascript %} …. {% endblock javascript %}