下拉菜单不适用于具有顶级链接的iPad

Question

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

当我点击顶层项目时，下拉显示，但是它也单击链接并进入该页面，使得不可能单击下拉列表中的项目。

(这似乎也只发生在前5-6个顶级菜单项上。最后三个似乎还好吧？)

此外，当我尝试单击下拉菜单项时，它会单击其后面的横幅。所以还是不能用。

我已经添加了现代化程序，并尝试了几个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

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