Bootstrap 4 调整窗口大小时引导导航栏链接不起作用

Bootstrap 4 调整窗口大小时引导导航栏链接不起作用,bootstrap-4,Bootstrap 4,我创建了一个使用bootstrap 4的UI,并且实现了一个粘性导航条,但是当在较小的屏幕上显示时(当使用汉堡包菜单时),这些链接不会始终引导用户 要复制错误(屏幕宽度:760): 加载页 打开汉堡包菜单 单击链接(成功导航) 单击主页按钮 打开汉堡包菜单 单击链接(不发生任何事情) 在全屏模式下,我可以点击一个链接并成功地导航任意次数 我已经阅读了关于这个问题的其他问题,他们讨论了z指数,但是我尝试了,但它并没有解决我的问题 经过几个小时的研究,我终于结束了 为什么会这样 注意: 我还没有

我创建了一个使用bootstrap 4的UI,并且实现了一个粘性导航条,但是当在较小的屏幕上显示时(当使用汉堡包菜单时),这些链接不会始终引导用户

要复制错误(屏幕宽度:760):

  • 加载页
  • 打开汉堡包菜单
  • 单击链接(成功导航)
  • 单击主页按钮
  • 打开汉堡包菜单
  • 单击链接(不发生任何事情)
在全屏模式下,我可以点击一个链接并成功地导航任意次数

我已经阅读了关于这个问题的其他问题,他们讨论了z指数,但是我尝试了,但它并没有解决我的问题

经过几个小时的研究,我终于结束了

为什么会这样

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

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

多亏了你,我终于解决了这个问题。最后的答案是,在我的链接中添加了一个类,该类具有阻止默认操作的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);
        });
    }
}
function active_下拉列表(){
如果($(窗口).width()<992){
$('.menu li.submenu>a')。在('click',函数(事件){
event.preventDefault();
$(this.parent().find('ul').first().toggle(700);
$(this.parent().sides().find('ul').hide(700);
});
}
}
我可以通过检查元素和查看附带的事件(如上面发布的链接中所述)来跟踪它