CSS菜单系统不工作在IOS 8

几年前，我实现了这个CSS下拉菜单系统，我现在只是意识到它不能在我的iPhone上工作，但它在我的老板android手机上正常工作。我的印象是，自IOS5以来，智能设备自动将触摸事件注册为悬停，但我想我错了。这个菜单的结构有点奇怪，因为主标签（Home和Contact除外）并不意味着将用户带到任何地方，只有子菜单项实际上转到另一页。我有一种感觉，这是问题可能出现的地方，但我无法弄清楚。CSS菜单系统不工作在IOS 8

这是JS Fiddle。

:hover在<li>上导致下拉。也许这是问题？或者也许它的方式我的老板编码的按钮，它看起来像一个链接，但在点击没有做任何事情：

<li id="aboutus" class="blogbutton"><a><span>About Us</span></a>

我试图消除锚标签和整个按钮消失。我删除了span标签，原来的问题仍然存在。

是否有修复而不必重写整个菜单系统？

来源

2015-06-09 Chris M

您可能想要添加切换类的路线。所以当他们点击它时，就会得到一个“开放”类。不是最美丽的解决方案，但应该帮助那些不使生活变得轻松的移动浏览器。 – MiltoxBeyond

尝试将onclick="return True;"属性添加到触发下拉菜单的基本菜单。 Safari会触发悬停属性，但只有当它认为该元素在被点击时才会执行某些操作，并且对于像li这样的静态元素，这是实现该功能的最简单方法。

来源

2015-07-09 04:09:59 chossenger

这样做！谢谢 –

CSS菜单系统不工作在IOS 8

回答

相关问题