平板电脑顶部栏/菜单垂直下拉列表无法在平板电脑

时间:2016-11-22 14:41:54

标签: javascript css zurb-foundation zurb-foundation-6

我正在将Foundation 6.2.4用于我当前的项目,并且偶然发现顶栏中的下拉行为存在问题。

如果通过平板电脑访问,顶栏中的下拉链接打开并按预期显示其子项目,但子项目不可点击。相反,下拉列表消失,没有任何反应。 On Desktop行为与预期一致,并且正常工作正常。

您可以在Foundation Docs中查看此行为:http://foundation.zurb.com/sites/docs/top-bar.html 只需将检查员设置为模拟移动设备 - 例如iPad并尝试点击“One”的子项。

如果有一些想法如何在平板电脑上按预期工作,那将会很棒。

提前致谢! 弗兰克

Foundation Docs: Top Bar and Dropdown (menu vertical)

1 个答案:

答案 0 :(得分:1)

显然这个错误是在28天前报告的,将在基金会6.3中修复。在此期间,您可以在此处阅读有关该问题和临时解决方案:https://github.com/zurb/foundation-sites/issues/9293

修复:

  

当您触摸任何子菜单项时,会触发“click”事件。您可以通过在下拉菜单中添加data-close-on-click-inside =“false”属性来临时解决此问题。