jquery - 在 iOS 设备上关闭 CSS 菜单

Question

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

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

我怎样才能解决这个问题？您可以做些什么来使仅 css 的菜单在 iOS 上正常工作吗？

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

谢谢

score 0 · Accepted Answer

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

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

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

1 回答 1