基金会4——让顶级吧台为iPad工作 我有一个客户希望桌面版4的顶部栏出现在iPad上,而不是移动版本。这很好,因为他们的站点只有几个部分,但是每个部分都有子页面,所以nav会显示每个链接的下拉列表

基金会4——让顶级吧台为iPad工作 我有一个客户希望桌面版4的顶部栏出现在iPad上,而不是移动版本。这很好,因为他们的站点只有几个部分,但是每个部分都有子页面,所以nav会显示每个链接的下拉列表,ipad,zurb-foundation,Ipad,Zurb Foundation,我修改了断点,导航在iPad上看起来很好,点击父链接会显示子菜单-但我无法让下拉菜单在打开后关闭-你可以在下拉菜单之间切换,但点击屏幕上的任何其他位置会使下拉菜单闪烁,然后重新出现 我曾尝试添加一些JS来捕捉文档体上其他地方的点击,并隐藏任何可见的子菜单,但是它不起作用,我仍然得到OF/ON Flash——我在基建.TopBar .js中什么地方都看不到它会覆盖它,但是我也无法想到代码中的任何其他地方会导致这个。 有没有人有过让这些桌面版菜单在ipad上正常工作的经验?在你说“ipad是一款移动

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

我曾尝试添加一些JS来捕捉文档体上其他地方的点击,并隐藏任何可见的子菜单,但是它不起作用,我仍然得到OF/ON Flash——我在基建.TopBar .js中什么地方都看不到它会覆盖它,但是我也无法想到代码中的任何其他地方会导致这个。

有没有人有过让这些桌面版菜单在ipad上正常工作的经验?在你说“ipad是一款移动设备,你应该使用有效的移动导航”之前,我已经试着说服客户,但他们没有这么做://

最简单的解决方案:

if (Modernizr.touch) {
  $('.top-bar-section ul li .parent-link.js-generated').show();
}
基金会已经准备好顶级导航项目,显示在移动菜单的下拉列表中。您也可以在触摸屏(如iPad)上的桌面版菜单上使用此功能


Andrea

这并不是说这有多大用处,但我希望解决同样的问题。如果你碰巧解决了,请告诉我!如果我也这么做了,我会再打给你的。德斯蒙德,我没有解决它——如果你解决了,我很想听听你是怎么解决的!这使得我的下拉菜单在iPad上第一次都没有启动