Javascript 为什么导航栏不能在移动视图中工作？

我有一个引导导航栏。当屏幕调整大小或从移动设备打开时，导航栏不工作。它只是卡住了！我已经为它寻找了解决方案，但所有解决方案都不起作用，如下所示：

图像结果： [1]: 问题在于，右边的菜单不是打开或关闭，而是在更大的屏幕上工作

jQuery（函数（$）{
$（窗口）.on（'scroll'，function（）{
如果（$（this）.scrollTop（）>=200）{
$（'.navbar'）.addClass（'fixed-top'）；
}else if（$（this）.scrollTop（）==0）{
$（'.navbar'）.removeClass（'fixed-top'）；
}
});
功能调整导航（）{
var winWidth=$（窗口）.width（），
下拉菜单=$（'.dropdown'），
下拉菜单=$（'.dropdown menu'）；
如果（winWidth>=768）{
on（'mouseenter'，function（）{
$（this.addClass（'show'））
.children（下拉菜单）.addClass（'show'）；
});
关于（'mouseleave'，function（）的下拉列表{
$（this.removeClass（'show'））
.children（下拉菜单）.removeClass（'show'）；
});
}否则{
下拉菜单off（'mouseenter mouseleave'）；
}
}
$（窗口）.on（'resize'，adjustNav）；
调整导航（）；
});
@导入url（'https://fonts.googleapis.com/css?family=Open+Sans:400700800’；
@导入url（'https://fonts.googleapis.com/css?family=Lobster');
html{
字体大小：62.5%；
}
身体{
字体系列：“开放式Sans”，无衬线；
字体大小：1.6rem；
字体大小：400；
}
h1{
边缘底部：0.5em；
字体大小：3.6rem；
}
p{
边缘底部：0.5em；
字体大小：1.6rem；
线高：1.6；
}
.按钮{
显示：内联块；
边缘顶部：20px；
填充：8px 25px；
边界半径：4px；
}
.按钮主{
位置：相对位置；
背景色：#c0ca33；
颜色：#fff；
字体大小：1.8rem；
字号：700；
过渡：颜色0.3s，易于调整；
z指数：1；
}
.主按钮：悬停{
颜色：#c0ca33；
文字装饰：无；
}
.按钮主要：：之后{
内容：''；
位置：绝对位置；
底部：0；
左：0；
右：0；
排名：0；
背景色：#fff；
边界半径：4px；
不透明度：0；
-webkit转换：scaleX（0.8）；
-ms变换：scaleX（0.8）；
转换：scaleX（0.8）；
过渡：所有0.3秒都容易进入；
z指数：-1；
}
.button主按钮：悬停：：之后{
不透明度：1；
-webkit转换：scaleX（1）；
-ms变换：scaleX（1）；
变换：scaleX（1）；
}
.overlay：：之后{
内容：''；
位置：绝对位置；
底部：0；
左：0；
右：0；
排名：0；
背景色：rgba（0,0,0,3）；
}
.标题区{
位置：相对位置；
高度：100vh；
背景：#5bc0de；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
.横幅{
显示器：flex；
对齐项目：居中；
位置：相对位置；
身高：100%；
颜色：#fff；
文本对齐：居中；
z指数：1；
}
.横幅h1{
字号：800；
}
.banner p{
字号：700；
}
navbar先生{
位置：绝对位置；
左：0；
排名：0；
填充：0；
宽度：100%；
过渡：背景0.6s缓进；
z指数：99999；
}
.navbar.navbar品牌{
字体系列：“龙虾”，草书；
字体大小：2.5rem；
}
.navbar.navbar切换器{
位置：相对位置；
高度：50px；
宽度：50px；
边界：无；
光标：指针；
大纲：无；
}
.navbar.navbar切换器.菜单图标栏{
位置：绝对位置；
左：15px；
右：15px；
高度：2倍；
背景色：#fff；
不透明度：0；
-webkit转换：translateY（-1px）；
-ms变换：translateY（-1px）；
转换：translateY（-1px）；
过渡：所有0.3秒都容易进入；
}
.navbar.navbar开关。菜单图标栏：第一个子菜单{
不透明度：1；
-webkit变换：translateY（-1px）旋转（45度）；
-ms sform：平移（-1px）旋转（45度）；
变换：translateY（-1px）旋转（45度）；
}
.navbar.navbar开关。菜单图标栏：最后一个子菜单{
不透明度：1；
-webkit变换：translateY（-1px）旋转（135度）；
-ms sform：平移（-1px）旋转（135度）；
变换：translateY（-1px）旋转（135度）；
}
.navbar.navbar-toggler.collapsed.menu图标栏{
不透明度：1；
}
.navbar.navbar-toggler.collapsed.菜单图标栏：第一个子菜单{
-webkit变换：translateY（-7px）旋转（0）；
-ms sform:translateY（-7px）旋转（0）；
变换：translateY（-7px）旋转（0）；
}
.navbar.navbar-toggler.collapsed.菜单图标栏：最后一个子菜单{
-webkit变换：translateY（5px）旋转（0）；
-ms sform：平移（5px）旋转（0）；
变换：translateY（5px）旋转（0）；
}
.导航栏暗.导航栏导航.导航链接{
位置：相对位置；
颜色：#fff；
字体大小：1.6rem；
}
.导航栏暗.导航栏导航.导航链接：焦点，
.导航栏暗.导航栏导航.导航链接：悬停{
颜色：#fff；
}
.navbar.下拉菜单{
填充：0；
背景色：rgba（0,0,0,9）；
}
.navbar.下拉菜单.下拉项{
位置：相对位置；
填充：10px 20px；
颜色：#fff；
字体大小：1.4rem；
边框底部：1px实心rgba（255、255、255、.1）；
过渡：颜色0.2s缓进；
}
.navbar.下拉菜单.下拉项：最后一个子项{
边框底部：无；
}
.navbar.下拉菜单.下拉项：悬停{
背景：透明；
颜色：#c0ca33；
}
.navbar.下拉菜单.下拉项：：before{
内容：''；
位置：绝对位置；
底部：0；
左：0；
排名：0；
宽度：5px；
背景色：#c0ca33；
不透明度：0；
过渡：不透明度0.2s缓进；
}
.navbar.下拉菜单.下拉项：悬停：：之前{
不透明度：1；
}
.导航栏.固定顶{
位置：固定；
-webkit动画：导航栏动画0.6s；
动画：导航栏动画0.6s；
背景色：rgba（0,0,0,9）；
}
.navbar.fixed-top.navbar-dark.navbar-nav.nav-link.active{
颜色：#c0ca33；
}
.navbar.fixed-top.navbar-dark.navbar导航.导航链接：：之后{
背景色：#c0ca33；
}
.内容{
填充：120px0；
}
@媒体屏幕和屏幕（最大宽度：768px）{
.navbar品牌{
左边距：20px；
}
.导航栏导航{
填充：0 20px；
背景色：rgba（0,0,0,9）；
}
navbar先生