在 iOS 设备上关闭 CSS 菜单答案

【问题标题】：Close CSS menu on iOS device在 iOS 设备上关闭 CSS 菜单
【发布时间】：2013-08-30 23:16:24
【问题描述】：

我正在努力让 css 菜单在 iOS 上关闭。菜单使用 :hover 显示，因此 div 设置为阻止并显示在屏幕上。这在 iOS 上显示得很好，所以菜单会显示，但如果你点击菜单，只是进入空白区域，菜单仍然存在。似乎没有办法让它隐藏和删除 :hover 状态。

我发现，如果您在 iOS 设备上单击空白区域（不是在链接或任何设置了 :hover 或 cursor:pointer 的 div 上），则似乎没有点击被注册，所以我猜这是主要问题。

我该如何解决这个问题？有什么办法可以让仅 CSS 的菜单在 iOS 上正常工作？

选择海滩菜单http://www.beachstays.com.au/上的一个问题示例

谢谢

【问题讨论】：

【解决方案1】：

我已经使用 jQuery 来模拟 css hover 功能来解决类似的问题。可能值得一试？

$('.tohover').mouseover( function(){
  $(this).addClass('hover');
});

$('.tohover').mouseout( function(){
  $(this).removeClass('hover');
});

【讨论】：