我的Wordpress网站使用Superfish 1.5.4渲染菜单项。
我的菜单由许多父菜单项组成,这些菜单项也是可单击的页面,将鼠标悬停在这些父项上时,应显示子菜单项
将鼠标悬停在PC浏览器中的父菜单项上时,将出现子菜单项,这是预期的行为。
在iPhone浏览器中,触摸父菜单项时,会出现子菜单项,这也是首选的行为。(因此,这有效地触发了悬停行为)
问题在于,在Android设备上,触摸父菜单项会导致点击事件,这与我们在iPhone上看到的悬停行为相反。
我看过Superfish JavaScript,但没有看到任何iPhone特定的逻辑。
因此,我想知道为什么iPhone中的触摸会导致悬停行为,而Android设备中却没有。
我在这里想念什么?
问题本质:hover
上是触摸设备上实际上不存在功能(假设没有像鼠标一样可以物理地悬停的方式)。在iPhone上获得预期效果的唯一原因是,使用iOS的设备:hover
会在click事件之前触发该事件,因此您会在页面更改之前的一会儿看到预期的样式。有没有什么好的解决方案,这一点,尤其是对于子菜单像你这样的菜单,但我想看看像一些资源,这得到了问题的一个更好的想法和可能的它被“解决”。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句