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

Question

So I have a client whose website uses cs-cart. The top menu consist of a handful of dropdown menus, the top level item here is a link itself too.

When I click on the top level item, the dropdown shows, however it clicks the link too and goes to that page, making it impossible to click on the items in the dropdown.

(It seems to only happen for the first 5-6 top menu items too.. the last 3 seem ok?..)

Further to this, when I do try and click on the dropdown menu items, it clicks on the banner behind it.. so still cant use it.

I've added modernizer and tried a couple of javascript fixes, but none seem to work.

Anyone know what else I can do?

Site: http://bit.ly/Mu5kbR

Thanks,

Answer 1

Have you tried this?

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

Answer 2

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