使用Foundation的Javascript源代码引用问题

Javascript source reference issue using Foundation

本文关键字:引用 问题 源代码 Javascript Foundation 使用      更新时间:2023-09-26

我正在使用Flask和Python开发一个web应用程序,并正在试用Foundation。我已经下载了所有内容,并将其放在我的/静态文件夹中。在标题部分,我添加了:

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

但现在,我的下拉菜单显示了,但不会下拉。如果我从src引用中删除"/static/",它们就会再次工作。但如果我这样做,我的标签就会停止工作:S。此外,无论我做什么,我的切换顶栏似乎都不起作用。

我的项目设置为

app/

--css/

----基础.css

----foundation.normalize

--js/

----基础/

----供应商/

模板/

--index.html

html文件中有很多东西,所以我把index.html放在这里的要点中

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

所以第14行应该改为:

<nav class="top-bar">

将:

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

这应该修复下拉菜单以及菜单切换。有关更多详细信息,请参阅文档-Foundation Topbar