基金会4-使顶部条下拉式为ipad工作

Question

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

我修改了断点，导航在iPad上看起来很好，点击父链接显示子菜单--但一旦打开，我就无法让下拉菜单关闭--您可以在下拉菜单之间切换，但是点击屏幕上的任何其他位置都会使下拉菜单消失，然后它重新出现。

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

有谁有让这些桌面版菜单在ipad上很好地工作的经验吗？在你说“ipad是一种移动设备之前，你应该使用可以工作的移动导航”--我已经试过让客户相信这一点，但他们并没有这么做。

Answer 1

最简单的解决办法：

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

基金会已经准备好在移动菜单的下拉菜单中显示的顶级导航项目。您也可以在触摸屏(如iPad )上使用该菜单的桌面版本。

安德里亚