使用 Foundation 的 Javascript 源引用问题

Question

我正在使用 Flask 和 Python 开发一个 Web 应用程序，并正在尝试 Foundation。我已经下载了所有内容并放入我的/static 文件夹中。在头部部分我添加了:

src="/static/js/vendor/modernizr.js"

但是现在，我的下拉菜单显示但不会下拉。如果我从 src 引用中删除“/static/”，它们会再次工作。但如果我这样做，我的选项卡就会停止工作:S。而且，无论我做什么，我的切换顶栏似乎都不起作用。

我的项目设置为

应用程序/

--css/

----基础.css

----foundation.normalize

--js/

----基础/

---- vendor/

模板/

--index.html

html 文件中有相当多的内容，所以我将 index.html 放在 gist here 中

Answer 1

您的文件夹结构与菜单不起作用无关。问题是您的导航标记中缺少 data-topbar 属性。

因此第 14 行应更改为:

<nav class="top-bar">

成为:

<nav class="top-bar" data-topbar role="navigation">

这应该修复下拉菜单和菜单切换。请参阅文档了解更多详细信息 - Foundation Topbar