Javascript Jquery悬停菜单不适用于触摸屏
我有一个包含3个项目的下拉菜单。它使用jQueryHoverIntent插件,在桌面浏览器上可以完美工作。但说到iPad/平板电脑,如果我触摸任何一个菜单项,它就会激活该菜单项。它不会滑下来。如果我再碰它,什么也不会发生。但当我点击另一个菜单项时,它工作正常。菜单正确地向下滑动,然后其他菜单项也正常工作。(甚至是我摸过的第一个)。有人能帮我解决这个问题吗?你可以使用jquery mobile,它为触摸事件添加了一层 您还需要为触摸事件指定自定义html:Javascript Jquery悬停菜单不适用于触摸屏,javascript,jquery,css,Javascript,Jquery,Css,我有一个包含3个项目的下拉菜单。它使用jQueryHoverIntent插件,在桌面浏览器上可以完美工作。但说到iPad/平板电脑,如果我触摸任何一个菜单项,它就会激活该菜单项。它不会滑下来。如果我再碰它,什么也不会发生。但当我点击另一个菜单项时,它工作正常。菜单正确地向下滑动,然后其他菜单项也正常工作。(甚至是我摸过的第一个)。有人能帮我解决这个问题吗?你可以使用jquery mobile,它为触摸事件添加了一层 您还需要为触摸事件指定自定义html: 鼠标悬停的设计理念是:用户使用鼠标,无需
鼠标悬停的设计理念是:用户使用鼠标,无需单击即可将指针移动到元素顶部 触摸环境没有悬停。。。。要么你用手指触摸,要么你不用手指
所以你需要破解它。@GerbenJacobs:正确!!我正在通过区分悬停和触摸事件来解决问题。但我在想,为什么hoverIntent不能先触摸菜单项,然后再触摸其他菜单项!