Javascript 我如何处理像iPad这样的移动设备上的悬停？

我是网络开发新手，现在我面临着在ipad等设备上处理悬停的问题。首先，我想删除

hover

的css，并在单击时使用，但客户坚持使用hover

这里的问题，我有引导导航栏与少数菜单下拉悬停。 但在ipad上，点击菜单（例如：学习）后，菜单会下降，但直到我点击另一个导航菜单（如“教学”），菜单才会消失

我想使用javascript/jquery做以下事情

在台式机和笔记本电脑上保持现有的悬停行为

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

这里的任何帮助都是感激的

---

这里是fiddle

引导程序的默认设置是最佳web实践，因此我建议与已有的设置保持一致。要自定义菜单的行为，您应该做的唯一一件事可能是仅为桌面添加悬停下拉菜单。也可供您使用

---

您可能需要阅读一些接近桌面下拉菜单的方法。

您不能。如今，大多数平板电脑/手机都有一个后备方案。你可以使用flexnav之类的东西来制作图标，但实际上可以使用。我觉得这个插件相当不错——这确实是网站设计中的一个缺陷。作为一名web开发人员，重要的是让您的客户了解我们设计的媒体。如果他们继续——在你解释了陷阱之后——坚持你使用hover，他们应该准备好接受这样一个事实：它在iPad上不能正常工作（就像他们坚持使用Flash一样，那也不行）。