臭名昭著的 "sticky" :悬停在 iPad - Google 如何修复它?

The infamous "sticky" :hover on iPad - how does Google fix it?

不幸的是,我偶然发现了以下问题:在 iPad 上,当用户触摸页面的空白区域时,通过 :hover 调用的弹出菜单不会从屏幕上消失。

问题与此处描述的相同:

Hover Behavior on Desktop vs iPad

菜单是我买的模板的一部分,即:

http://html.realia.byaviators.com/

但是...等一下...它在模板的主页上有效吗?并且仅在该页面上 -- 它不适用于同一模板的任何其他页面。

我能够追踪行为直到我发现它起作用的原因如下:初始化 Google 地图使菜单正常运行。只是最简单的地图,具有默认选项。

现在我要问专家的问题是:为了修复 :hover 行为,Google 在地图初始化代码中做了什么?

非常感谢您的帮助!

嗯,不知道 Google 做了什么,但是移动 Safari 开发人员参考中记录了解决方案。

要在文档的某个区域生成点击事件,必须附加点击处理程序。例如,单击 div 仅当出现 onclick="void(0)" 句柄时才会生成单击事件:

单击此处触发移动 Safari 中的事件