Jquery 下拉菜单自动重定向到移动设备上的父链接

Jquery 下拉菜单自动重定向到移动设备上的父链接,jquery,css,drop-down-menu,hover,Jquery,Css,Drop Down Menu,Hover,我在我的网站上有一个下拉式导航菜单,运行良好。然而,在移动设备上,当用户点击任何菜单项时,它们会在子菜单中显示几秒钟,然后自动重定向到父链接。我想要一个功能,第一次点击父链接会打开子菜单,第二次点击会将用户重定向到父链接。我想要的东西如下所述: 但是,我只想要双击功能。我已经实现了这个插件,但它仍然不适合我:/I我的下拉菜单是用HTML和CSS编码的 编辑:下面是我的CSS。我试图从上面的链接中使用jQuery插件doubleTapToGo.js,但它不起作用 下拉菜单, ul.dropdown

我在我的网站上有一个下拉式导航菜单,运行良好。然而,在移动设备上,当用户点击任何菜单项时,它们会在子菜单中显示几秒钟,然后自动重定向到父链接。我想要一个功能,第一次点击父链接会打开子菜单,第二次点击会将用户重定向到父链接。我想要的东西如下所述:

但是,我只想要双击功能。我已经实现了这个插件,但它仍然不适合我:/I我的下拉菜单是用HTML和CSS编码的

编辑:下面是我的CSS。我试图从上面的链接中使用jQuery插件doubleTapToGo.js,但它不起作用

下拉菜单, ul.dropdownli, 下拉菜单{ 列表样式:无; 保证金:0; 填充:0; 字体大小:11px; 位置:相对位置; 浮动:左; } ul.下拉列表li.悬停, 下拉列表李:悬停{ 位置:相对位置; 游标:默认值; } 下拉菜单{ 可见性:隐藏; 位置:绝对位置; 最高:100%; 宽度:100%; } ul.下拉列表ul li{ 浮动:左; 边框底部:1px实心000; 垫底:0px; 边缘底部:0px; } ul.下拉列表li:悬停>ul{ 能见度:可见; }
你能告诉我们你用来显示/隐藏项目的jquery代码吗?据我所知,下拉菜单只是为了显示我的CSSA而编辑的,对于移动设备来说,下拉菜单是糟糕的UX设计,因为没有真正的“悬停”动作,这通常是下拉菜单的工作方式。然后,双击操作可能会造成混淆/误导。为什么用户必须按两次链接才能使用它?我想这只是我的意见。。。也许有一个解决方案是使用jquery mobile?我会使用响应性设计来显示不同的菜单样式。