Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery悬停菜单不适用于触摸屏_Javascript_Jquery_Css - Fatal编程技术网

Javascript Jquery悬停菜单不适用于触摸屏

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

我有一个包含3个项目的下拉菜单。它使用jQueryHoverIntent插件,在桌面浏览器上可以完美工作。但说到iPad/平板电脑,如果我触摸任何一个菜单项,它就会激活该菜单项。它不会滑下来。如果我再碰它,什么也不会发生。但当我点击另一个菜单项时,它工作正常。菜单正确地向下滑动,然后其他菜单项也正常工作。(甚至是我摸过的第一个)。有人能帮我解决这个问题吗?

你可以使用jquery mobile,它为触摸事件添加了一层

您还需要为触摸事件指定自定义html:


鼠标悬停的设计理念是:用户使用鼠标,无需单击即可将指针移动到元素顶部

触摸环境没有悬停。。。。要么你用手指触摸,要么你不用手指


所以你需要破解它。

@GerbenJacobs:正确!!我正在通过区分悬停和触摸事件来解决问题。但我在想,为什么hoverIntent不能先触摸菜单项,然后再触摸其他菜单项!