iPhone/iPad 上的 CSS 下拉菜单 - 无法点击链接

Question

我在以下站点上使用了 css 下拉菜单: Website

您可以在顶部菜单项中测试菜单。在桌面上一切正常。但在 iPhone 或 iPad 上则不然。在那里您可以单击顶部菜单项之一。然后下拉菜单打开没有问题。但是，如果我单击下拉菜单中的其中一个链接，则没有任何反应。

这是下拉菜单的CSS代码:

#mainmenu ul li > ul {
    display: none;
    top: 0px;
}
#mainmenu ul li:hover  > ul,
#mainmenu ul li:active > ul,
#mainmenu ul li:focus  > ul,
#mainmenu ul li > a#aktuell + ul {
    display: block;
    z-index: 9999;
}

你知道为什么不吗？

Answer 1

这就是解决方案

$('#menu li ul li a').bind('touchstart', function(){
        var href = $(this).attr('href');
        location.href = href;
})