Javascript 为什么我的移动导航栏会出现这种情况？

问题是，当我将浏览器的大小缩小到1240px时，打开“移动”菜单，然后关闭它，将浏览器的分辨率调整到高于1240px，整个导航栏就会消失。我已经修补这个有一段时间了，我无法修复它。我最大的问题是，我不确定问题是在JS方面还是在CSS媒体查询方面

$（'.dropdown'）。在（'click'，function（）上{
$（'.container li:not（：first child'）.toggle（）；
$（'.container li:n个子（8）'）.toggle（）；
});
*，
*：之后，
*：之前{
保证金：0；
填充：0；
-webkit框大小：边框框；
框大小：边框框；
文字装饰：无；
}
a{
颜色：白色；
}
身体{
/*背景色：#ece8e5*/
背景色：#f1f1；
字体系列：“Raleway”，无衬线；
字号：550；
身高：100%；
宽度：100%；
}
.包装纸{
宽度：65%；
保证金：0自动；
身高：100%；
}
.导航{
背景色：#151719；
}
.集装箱{
显示器：flex；
}
.container>li{
填充：10px；
文本对齐：居中；
字号：1em；
颜色：白色；
框大小：边框框；
背景色：#151719；
列表样式类型：无；
}
.空间{
弹性：1；
}
.下拉列表{
显示：无；
}
.登录，
.注册{
颜色：白色；
光标：指针；
}
@全部介质和（最小宽度：0px）和（最大宽度：1240px）{
.集装箱{
柔性包装：包装；
}
.container>li{
弹性：1100%；
}
}
@媒体屏幕和屏幕（最大宽度：1240px）{
.容器li：非（：第n个子（1））{
显示：无；
}
.容器.下拉列表{
显示：块；
光标：指针；
}
}










登录
注册

@endauth

我猜问题出在您的
容器中li:not（：nth child（1））
设置为none。当屏幕变大时，脚本函数会触发另一个li隐藏。所以我使用toggleClass来防止这种情况。下面是您的代码片段：


$（'.dropdown'）。在（'click'，function（）上{
$（'.container li'）.toggleClass（'active'）；
});
*，
*：之后，
*：之前{
保证金：0；
填充：0；
-webkit框大小：边框框；
框大小：边框框；
文字装饰：无；
}
a{
颜色：白色；
}
身体{
/*背景色：#ece8e5*/
背景色：#f1f1；
字体系列：“Raleway”，无衬线；
字号：550；
身高：100%；
宽度：100%；
}
.包装纸{
宽度：65%；
保证金：0自动；
身高：100%；
}
.导航{
背景色：#151719；
}
.集装箱{
显示器：flex；
}
.container>li{
填充：10px；
文本对齐：居中；
字号：1em；
颜色：白色；
框大小：边框框；
背景色：#151719；
列表样式类型：无；
}
.空间{
弹性：1；
}
.下拉列表{
显示：无；
}
.登录，
.注册{
颜色：白色；
光标：指针；
}
@全部介质和（最小宽度：0px）和（最大宽度：1240px）{
.集装箱{
柔性包装：包装；
}
.container>li{
弹性：1100%；
}
}
@媒体屏幕和屏幕（最大宽度：1240px）{
.container li:第一个子项{/*排除*/
显示：块；
}
.container li{/*这应该是无*/
显示：无；
}
.container li.active{/*toggleClass*/
显示：块；
}
.容器.下拉列表{
显示：块；
光标：指针；
}
}










登录
注册

@endauth

在css中，您正在隐藏分辨率大于
1240px
的
li
标记（第一个除外）。“那你有什么问题？”pooyan he在初始断点后将屏幕调整到大于1240px时表示，导航条不会返回。我无法重新创建此问题，但我没有任何问题，所以可能是局部问题？调整到1240px以下，打开菜单，关闭它，然后重新调整到1240px以上。
已经看不见了。请不要让我们玩区别游戏。解释你改变了什么以及为什么它解决了问题。嗨，约瑟夫，谢谢你的建议，我已经编辑了答案。祝您今天过得愉快！