2

我有一个客户希望foundation 4 的桌面版顶部栏出现在ipad 上而不是移动版上。这很好，因为他们的网站只有几个部分，但每个部分都有子页面，因此导航显示每个链接的下拉列表。

我修改了断点，导航在 iPad 上看起来很好，点击父链接会显示子菜单 - 但一旦打开下拉菜单，我无法关闭 - 你可以在下拉菜单之间切换，但点击其他任何地方screen 使下拉菜单闪烁，然后重新出现。

我尝试添加一些 JS 来捕捉文档正文上其他任何地方的点击，并隐藏任何可见的子菜单，但它不起作用，我仍然得到关闭/打开闪光灯 - 我在 Foundation.topbar 中看不到任何地方.js 会覆盖它，但我也想不出代码中会导致这种情况的其他任何地方。

有没有人有让这些桌面版菜单在 ipad 上正常工作的经验？在你说“ipad 是移动设备，你应该使用有效的移动导航”之前——我已经尝试让客户相信这一点，但他们没有这样做：/

4

1 回答 1

0

最简单的解决方案：

if (Modernizr.touch) {
  $('.top-bar-section ul li .parent-link.js-generated').show();
}

Foundation 已经准备好要在移动菜单的下拉菜单中显示的顶级导航项。您也可以在 iPad 等触摸屏上的桌面版菜单上使用它。

安德烈亚

于 2013-10-12T09:15:14.310 回答