Question

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

我在iPad上修改了断点并且导航看起来正常，点击父链接会显示子菜单 - 但是一旦打开，我就无法关闭下拉菜单 - 你可以在下拉列表之间切换，但点击屏幕上的任何其他位置会使下拉列表闪烁，然后再次出现。

我已经尝试添加一些JS来捕获文档正文中其他任何位置的点击，并隐藏任何可见的子菜单，但它不起作用，我仍然得到关闭/开启闪存 - 我无法在任何地方看到将覆盖它的foundation.topbar.js，但我也想不到代码中的任何其他地方会导致这种情况。

有没有人有经验让这些桌面版菜单在ipad上运行良好？在你说'ipad是一个移动设备之前，你应该使用有效的移动导航' - 我已经尝试说服客户这个并且他们没有采用它：/

Answer 1

最简单的解决方案：

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

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

安德烈