CSS 菜单系统在 IOS 8 中不工作
CSS Menu system not working in IOS 8
几年前我实现了这个 css 下拉菜单系统，现在我才意识到它对我的 iPhone 不起作用，但对我的老板却很好用 android phone。我的印象是，自 IOS5 以来，i-devices 会自动将触摸事件注册为悬停，但我想我错了。
这个菜单的结构有点奇怪，因为主选项卡（主页和联系人除外）并不意味着将用户带到任何地方，只有子菜单项实际上转到另一个页面。我感觉这可能是问题所在，但我想不通。
这是一个JS Fiddle。
:hover 在 <li> 上导致下拉。也许这就是问题所在？或者可能是我老板对按钮进行编码的方式，所以它看起来像 link 但点击后什么也做不了：
<li id="aboutus" class="blogbutton"><a><span>About Us</span></a>
我尝试删除锚标签，但整个按钮都消失了。我删除了 span 标签，原来的问题仍然存在。
是否有无需重写整个菜单系统的修复方法？
尝试向触发下拉菜单的基本菜单添加 onclick="return True;" 属性。 Safari 将触发悬停属性，但前提是它认为该元素在被点击时会执行某些操作，对于像 li 这样的静态元素，这是实现此目的的最简单方法。
几年前我实现了这个 css 下拉菜单系统，现在我才意识到它对我的 iPhone 不起作用，但对我的老板却很好用 android phone。我的印象是，自 IOS5 以来，i-devices 会自动将触摸事件注册为悬停，但我想我错了。 这个菜单的结构有点奇怪，因为主选项卡（主页和联系人除外）并不意味着将用户带到任何地方，只有子菜单项实际上转到另一个页面。我感觉这可能是问题所在，但我想不通。
这是一个JS Fiddle。
:hover 在 <li> 上导致下拉。也许这就是问题所在？或者可能是我老板对按钮进行编码的方式，所以它看起来像 link 但点击后什么也做不了：
<li id="aboutus" class="blogbutton"><a><span>About Us</span></a>
我尝试删除锚标签，但整个按钮都消失了。我删除了 span 标签，原来的问题仍然存在。
是否有无需重写整个菜单系统的修复方法？
尝试向触发下拉菜单的基本菜单添加 onclick="return True;" 属性。 Safari 将触发悬停属性，但前提是它认为该元素在被点击时会执行某些操作，对于像 li 这样的静态元素，这是实现此目的的最简单方法。