Javascript ZURB基金会顶部酒吧不在小屏幕上工作

我刚开始使用基金会，坦白地说，我已经有一段时间没有建立我的上一个网站了。所以请你对我宽容一点

我现在处理菜单（顶栏）的一个问题已经一天多了，找不到哪里出了问题的线索

问题是，我真的只需要一个基本菜单，在小屏幕上切换到标准汉堡菜单，到目前为止还不错，它应该像文档中演示的那样工作，对吗？但不幸的是，事实并非如此，我也不明白为什么

我希望你能帮助我。我添加的代码没有下面的内容。该文件位于子目录中，这就是为什么所有目录引用都以../开头的原因

已经非常感谢了！ 伊娜

Inas|Ernährungs教练



















$（document.foundation（）；

比较您的代码行：

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

与基金会文件中的相应文件：

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

您的错误现在应该非常明显，可能会阻止顶部栏正常工作

---

附加建议：下次您想使用基础的预定义特性时，复制并粘贴代码，然后将更改应用于该代码。似乎您已经重写了它，并意外地认为“数据topbar”是一个类。

附加：在小屏幕（高达640px的范围）中将导航粘贴在顶部

“粘贴在：[小]；滚动顶部：false”

并在移动视图中显示您需要的父链接

“移动\u显示\u父\u链接：true；”

---

非常感谢，这让我找到了解决方案：o）

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

<nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: [small]; scrolltop: false; mobile_show_parent_link: true;">