jQuery的悬停菜单不适用于触摸 [英] Jquery hover menu not working for touch

问题描述

我有一个包含3个项目的下拉菜单.它使用jquery hoverIntent插件，可以在桌面浏览器上完美运行.但是当涉及到iPad/平板电脑时，如果我触摸任何菜单项，它只会激活该菜单项.它不会滑下来.如果我尝试再次触摸它，则什么也没有发生.但是，当我单击另一个菜单项时，它可以正常工作.该菜单会正确向下滑动，然后其他所有菜单项也将正常运行. (甚至是我碰到的第一个).有人可以帮我解决这个问题吗?

解决方案

悬浮鼠标的设计思想是用户正在使用鼠标，并且无需单击即可将指针移动到元素顶部！！

触摸环境没有任何悬停....要么是触摸，要么是手指不在！！

所以您需要对其进行破解..

I have a dropdown menu with 3 items. It uses jquery hoverIntent plugin and works perfectly on desktop browsers. But when it comes to iPad/tablet, if I touch on any of the menu item, it just activates that menu item. It doesn't slides down. If I try to touch again on it, nothing happens. But when I click on the other menu item, it works fine. That menu slides down properly and after that every other menu item also works properly. (even the first one I touched). Can anybody please help me out with this issue?

解决方案

Hover is designed with the mind-set that the user is using a mouse and be able to move the pointer on top of the element without clicking!!

the touch environment has no hover .... it is either you touch or you don't with your finger!!

so you need to hack it ..

这篇关于jQuery的悬停菜单不适用于触摸的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！