调整窗口大小时，引导导航栏链接不起作用答案

【问题标题】：bootstrap nav bar links do not work when resizing window调整窗口大小时，引导导航栏链接不起作用
【发布时间】：2020-05-13 04:24:21
【问题描述】：

我创建了一个使用 bootstrap 4 的 UI，并且我已经实现了一个粘性导航栏，但是当在较小的屏幕上显示时（使用汉堡菜单时），链接不会始终如一地导航用户。

重现错误（屏幕宽度：760）：

加载页面
打开汉堡菜单
点击链接（成功导航）
点击主页按钮
打开汉堡菜单
点击链接（没有任何反应）

在全屏模式下，我可以单击链接并成功导航任意次数。

我已阅读有关此问题的其他问题，并且他们谈论 z-index，但是我尝试过，但它并没有解决我的问题。

看了这个问题几个小时后，我已经结束了

为什么会这样？

注意：我还没有从我的导航栏或相关的 cssc 中发布任何代码，因为我真的不知道问题出在哪里。如果有任何建议可以帮助我缩小范围，我将添加相关的代码

【问题讨论】：

标签： bootstrap-4

【解决方案1】：

我发布此答案以防其他人遭受与我相同的痛苦。

感谢this question，我终于解决了这个问题。最终答案是在我的链接中添加了一个类，该类具有阻止默认操作的 JS 事件。

function active_dropdown() {
    if ($(window).width() < 992) {
        $('.menu li.submenu > a').on('click', function (event) {
            event.preventDefault();
            $(this).parent().find('ul').first().toggle(700);
            $(this).parent().siblings().find('ul').hide(700);
        });
    }
}

我能够通过检查元素并查看附加事件来追踪它（如上面发布的链接中所述）

【讨论】：