如何在iPad等移动设备上处理鼠标悬停？

Question

我是网络开发的新手，现在我遇到了在ipad这样的设备上处理悬停的问题。首先我想要删除hover的css并点击它，但客户坚持要悬停。

这是问题所在，我有一些带有少量菜单的bootstrap导航栏。 但是在ipad上，单击菜单后菜单会下降（例如：学习），但直到我点击另一个导航菜单后才会消失，然后教＃34;。

我想使用javascript / jquery做一些事情。

1. 在桌面和笔记本电脑上保持现有的悬停行为

2. 在像iPad这样的设备上，我希望菜单在以下情况下消失 （a）再次点击同一菜单项时
   （b）点击子菜单时 （c）在菜单外点击

我们非常感谢任何形式的帮助。

这是小提琴http://jsfiddle.net/em656522/2/

Answer 1

Bootstrap的默认设置是最好的网络实践，因此我建议与已经存在的内容保持一致。您应该自定义菜单行为的唯一方法可能是仅为桌面添加悬停下拉菜单。 Bootstrap's responsive utility classes也可供您使用。

您可能需要阅读this question以了解某些方法来接近桌面下拉菜单。