我使用的是 Bootstrap 3,但对于桌面我需要覆盖下拉菜单的无父点击,所以我使用以下代码完成了:
$('.navbar .dropdown > a').click(function(){
location.href = this.href;
});
但是,在移动设备上,我需要我的父链接才能在第一次点击时打开子导航,然后在第二次点击时转到实际链接。
这是开发站点:http://bauer-dev.windmilldesignworks.com/ ,例如,Products 当前会在第一次点击时打开子导航,这是正确的,但当它打开时(第二次点击)我需要它才能真正将您带到产品页面。
提前致谢!
最佳答案
许多仅支持触摸屏的浏览器在第一次点击时激活 CSS 悬停效果,并且仅在第二次点击时跟随链接(并触发点击事件)。您需要在移动设备上禁用 :hover 样式。
关于jquery - 移动菜单 : First click "opens" dropdown, 第二次点击进入实际链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26657159/