jquery - 移动菜单 : First click "opens" dropdown, 第二次点击进入实际链接

Question

我使用的是 Bootstrap 3，但对于桌面我需要覆盖下拉菜单的无父点击，所以我使用以下代码完成了:

$('.navbar .dropdown > a').click(function(){
    location.href = this.href;
});

但是，在移动设备上，我需要我的父链接才能在第一次点击时打开子导航，然后在第二次点击时转到实际链接。

这是开发站点:http://bauer-dev.windmilldesignworks.com/ ，例如，Products 当前会在第一次点击时打开子导航，这是正确的，但当它打开时(第二次点击)我需要它才能真正将您带到产品页面。

提前致谢!

Answer 1

许多仅支持触摸屏的浏览器在第一次点击时激活 CSS 悬停效果，并且仅在第二次点击时跟随链接(并触发点击事件)。您需要在移动设备上禁用 :hover 样式。