Jquery悬停菜单不适合触摸

时间:2014-03-18 10:15:40

标签: javascript jquery css

我有一个包含3个项目的下拉菜单。它使用jquery hoverIntent插件,可在桌面浏览器上完美运行。但是当谈到iPad /平板电脑时,如果我触摸任何菜单项,它只会激活该菜单项。它不会滑落。如果我试着再次触摸它,没有任何反应。但是,当我点击其他菜单项时,它工作正常。该菜单正确向下滑动,之后每个其他菜单项也能正常工作。 (即使是我触及的第一个)。有人可以帮我解决这个问题吗?

2 个答案:

答案 0 :(得分:1)

Hover的设计理念是用户使用鼠标,并且能够在不点击的情况下将指针移动到元素顶部!

触摸环境没有悬停....无论是你触摸还是你没有用手指!!

所以你需要破解它..

答案 1 :(得分:0)

您可以使用jquery mobile为触摸事件添加图层

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

http://www.w3.org/TR/touch-events/