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

Question

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

有没有办法让（仅在触摸设备上）第一次点击父元素打开下拉菜单，第二次点击将您带到链接？

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

谢谢

Answer 1

这可能会有所帮助。如果你有链接

<a href="#">your drop down menu</a>我的意思是添加#到href

或者在 JavaScript 中执行此操作

var link = $('.menu').find('a');

$(document).on('touchstart', link, function (e) {
    e.preventDefault();
    //do your stuff
});