jquery - 如何在第一次触摸时打开下拉菜单,然后点击第二次触摸上的链接 - Jquery?

标签 jquery drop-down-menu hover touch tap

我正在尝试让下拉菜单在基于触摸的设备上正常工作。单击时菜单可以正常打开,但由于父元素也是一个链接,因此它会在选择下拉项之前将用户带到该链接。

有没有办法让(仅在触摸设备上)第一次点击父元素打开下拉列表,第二次点击将您带到链接?

我对 HTML 和 CSS 有很好的了解,但对 javascript 却一无所知,因此,如果解决方案是基于脚本的,请尽可能提供描述性。

谢谢

最佳答案

看看 DoubleTapToGo:

“当您第一次点击父项时,DoubleTapToGo 会阻止浏览器打开新 URL,但如果连续再次点击,则允许打开新 URL。”

http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly

关于jquery - 如何在第一次触摸时打开下拉菜单,然后点击第二次触摸上的链接 - Jquery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13085005/

相关文章:

c# - 在 ASP.NET MVC 3 应用程序中填充下拉框时出现问题

python - 下拉菜单启动功能

css - 为什么我的 css 转换有时会在退出悬停后保持悬停状态?

javascript - 如何使用特征检测来了解浏览器是否支持 css hover?

javascript - 未捕获的类型错误 : Cannot read property 'token' of undefined

javascript - 使用 JavaScript 滚动时如何将左侧菜单设置为粘性

javascript - 如何定义一个div覆盖另一个div内的页面?

html - 如何使下拉菜单 View 为垂直?

javascript - knockout 组件(不)绑定(bind)新内容

javascript - JS/jQuery 更改悬停在 <tr> 上的图像