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

How can I handle hover on mobile devices like iPad?

本文关键字：处理 悬停 移动 iPad      更新时间：2023-09-26

我是Web开发的新手，现在我面临着在iPad等设备上处理悬停的问题。首先，我想删除 css hover并在点击时制作，但是，客户坚持悬停。

问题来了，我有引导导航栏，其中有几个菜单可以在悬停时下拉。但是在ipad上，单击菜单（例如：学习）后菜单会下拉，但直到我单击另一个导航菜单说"教学"才会消失。

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

  1. 保留台式机和笔记本电脑上的现有悬停行为

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

感谢这里的任何帮助。

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

Bootstrap的默认值是最好的Web实践，所以我建议与已经存在的内容保持一致。 要自定义菜单的行为，您唯一应该做的可能是仅添加桌面的悬停下拉菜单。Bootstrap的响应式实用程序类也可供您使用。

您可能需要阅读此问题，了解一些处理桌面下拉菜单的方法。

相关文章：