几年前我实现了这个css下拉菜单系统,我现在才意识到它在我的iPhone上不起作用,但它在我的老板安卓手机上工作正常。我的印象是,自IOS5以来,i-devices确实将触摸事件注册为自动悬停,但我想我错了。 这个菜单的结构有点奇怪,因为主要标签(Home和Contact除外)并不意味着将用户带到任何地方,只有子菜单项实际上转到另一个页面。我觉得这可能是问题所在,但我无法弄清楚。
这是JS Fiddle。
:hover
位于<li>
以导致下拉列表。也许这就是问题?或者也许是我的老板编码按钮的方式,所以它看起来像一个链接,但没有点击任何事情:
<li id="aboutus" class="blogbutton"><a><span>About Us</span></a>
我尝试删除锚标签,整个按钮消失了。我删除了span标签,原始问题仍然存在。
是否有修复而无需重写整个菜单系统?
答案 0 :(得分:1)
尝试在触发下拉列表的基本菜单中添加onclick="return True;"
属性。 Safari将触发悬停属性,但只有当它认为元素在被点击时才会执行某些操作,并且对于像li
这样的静态元素时,这是实现此目的的最简单方法。