Django Javascript —从base.html扩展到模板时，静态js文件未运行

Question

在我当前的Django项目中，我有一个静态javascript文件。 它已明确加载为我的base.html文件的一部分，然后将其扩展到该网站一部分的每个模板上。 当加载基于模板的页面时，base.html文件中的代码全部存在，包括页面底部的我的javascript文件； 但是，javascript本身似乎都没有运行。 基本设置如下：

Base.html以{%load staticfiles}开头，并在html正文的最末尾包含以下行<script src="{% static 'js/maps.js' %}"></script>

然后，任何给定的模板都以{%extends "base.html"%} 。 在加载这些页面中的任何一个之后，如果我在浏览器中查看源代码，则<script src="{% static 'js/maps.js' %}"></script>行将出现在其应位于底部的右边页面。

现在，maps.js中几乎没有代码。 我最初注意到这个问题是因为它没有加载对象（谷歌地图）或响应页面上的操作，但是出于测试目的，我只是想让它给我警报或任何东西。 我已经尝试过只具有一个alert(); 在文件中以及使用$（function（）{alert（）;}）; 等待页面加载完毕。

谁能指出问题出在哪里？ 我不确定这是否是页面上加载的顺序或其他我可能不知道的东西的顺序。 似乎它可以应用于Django中的其他情况以及使用静态文件。 谢谢！

Answer 1

我在Angular js中使用ui-router在视图中运行链接的javascript文件时遇到类似的问题。 我正在尝试找到我要压扁的旧测试项目说的错误，看看它是否可以解决此问题...

Answer 2

也许您缺少maps.js文件之前的jquery库。 我也喜欢使用

$( document ).ready( function() { 

   //your code

} );

代替。 希望它能工作。