在Django项目中使用zurbfoundation6javascript

<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>

css似乎像预期的那样工作,但是javascript似乎根本不工作。当我粘贴来自say的片段时 enter link description here ,说

<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>

什么都没发生。加载菜单,但菜单不会像在“链接文档”页中那样展开。我是否没有引用正确的文件,或者我需要安装或加载任何我没有提到的文件?或者这是一个Django的问题,如果是的话,是否有解决的办法?