如何在使用Zurb Foundation顶部栏导航组件时链接顶级“部分”导航项？

Question

我正在使用Zurb Foundation UI框架构建网站，我想知道如何使用顶级导航链接，以便它们适用于桌面和移动访问者。

编辑：以下是一个例子：http://meowzen.com/zurb-nav/

第1节＆lt; - 应该将访问者带到“部分”页面

- 第1小节＆lt; - 应将访客带到“子节”页面

- 第2小节＆lt; - ditto

- 等

在上面的链接示例中，您会注意到所有链接在大屏幕上都按预期工作。但是，当响应式导航启动时（通过调整窗口大小或在移动设备上查看页面），无法通过菜单访问“部分”页面。

有没有人遇到过这个问题？你对如何解决这个问题有什么建议吗？

非常感谢提前！

编辑：我现在有一些选择：

选项1：仅显示移动导航的顶级“部分” - 这是一个示例：投影。皮克斯。 com。 ＆lt; - 我倾向于这个！

选项2：使部分名称可链接 - 我相信这是可能的，因为这里有一个有效的例子：emerilsrestaurants。 com。

选项3：在子部分级别为部分页面插入虚拟菜单项。

Answer 1

  

在通过the link above的示例中，您会注意到所有链接在大屏幕上都按预期工作。但是，当响应式导航启动时（通过调整窗口大小或在移动设备上查看页面），无法通过菜单访问“部分”页面。

我不确定我是否正确理解你，但你的例子正在按预期工作。对于较小的视口（“移动”视图），菜单隐藏在下拉组件中。下拉菜单后，子菜单项仍然可以点击。