使用Zurb基金会6 JavaScript在Django项目中的应用 我有一个现有的Django项目，我想使用ZURB基金会（版本64.2精确）。我从文档中了解到，您可以直接引用CDN，或者将相关文件下载到静态文件夹中，然后从那里引用它们。我已经通过 <link rel='stylesheet' href="{% static 'foundation/css/foundation.min.css' %}" type='text/css' /> <script src="{% static 'foundation/js/vendor/jquery.js' %}"></script> <script src="{% static 'foundation/js/vendor/what-input.js' %}"></script> <script src="{% static 'foundation/js/vendor/foundation.min.js' %}"></script> <script> $(document).foundation(); </script> $（document.foundation（）；

css看起来像预期的那样工作，但是javascript似乎根本不工作。当我粘贴来自say的片段时，say

---

什么也没发生。菜单将加载，但不会像在链接文档页面中那样展开。我是否没有引用正确的文件，或者是否需要安装或加载我没有提到的任何内容？或者这是一个Django问题，如果是，是否有解决方法？

如果是简单的JQuery。我认为将其放在底部是最好的做法，但因为您使用了

$（document.foundation（）必须加载页面以初始化页面上使用的基础插件。本质上，如果页面/DOM上不存在x，就不能将x设为红色

初始化基础

在包含基础JavaScript之后，只需添加一个简单的调用来初始化页面上的所有插件。
我们建议您在页面末尾初始化基础。
HTML


$（document.foundation（）；

摘自但这已经过时了，因为当前版本是6.6.2
，所以当我将引用一直移动到body标记的底部时，问题就解决了，因为included.html页面就是这样的。这似乎已经解决了问题，现在一切正常。这是怎么回事？为什么这样做有效？
<p><a data-toggle="menuBar" aria-expanded="false" aria-controls="menuBar">Expand!</a></p>
<ul class="menu" id="menuBar" data-toggler=".expanded">
    <li><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
    <li><a href="#">Four</a></li>
</ul>

<script>
  $(document).foundation();
</script>