jquery - 下拉菜单在带有顶级链接的 iPad 上不起作用

Question

所以我有一个客户的网站使用 cs-cart。顶层菜单由一些下拉菜单组成，这里的顶层项目本身也是一个链接。

当我单击顶级项目时，下拉菜单会显示，但是它也会单击链接并转到该页面，因此无法单击下拉菜单中的项目。

（这似乎也只发生在前 5-6 个顶级菜单项上。最后 3 个似乎还可以？..）

除此之外，当我尝试单击下拉菜单项时，它会单击它后面的横幅......所以仍然无法使用它。

我添加了现代化工具并尝试了几个 javascript 修复程序，但似乎都没有工作。

有谁知道我还能做什么？

网站：http ://bit.ly/Mu5kbR

谢谢，

Answer 1

你试过这个吗？

if ( modernizr.touch ) {
    $('a.drop').click(function(e) {
       var next = $(this).next("div");
       if ( next.not(":visible") ) {
         e.preventDefault();
         next.show();
       }
    });
}

Answer 2

我的建议是将所有触摸设备的下拉操作从悬停更改为单击第一级