Javascript 如何使用jQuery在桌面上隐藏汉堡包菜单？

我正在练习jQuery。我想创建一个简单的导航栏，比如引导导航栏。 我想要一个汉堡包菜单在手机上和一个“正常”菜单在桌面上，但我被阻止了

---

我不知道如何设置一个普通的菜单，在菜单的右边有内联列表项。我试着这样写：

if（$（窗口）。width你与
if（$（窗口）很接近。width你与
if（$（窗口）很接近。width以下代码对我很有用：

if(window.innerWidth <= 860) {

}

if（window.innerWidth以下代码适用于我：

if(window.innerWidth <= 860) {

}

if（window.innerWidth您可以使用媒体查询处理
nav
与css的更改，然后您只需在单击按钮时切换
ul


$（'span#toggleMenu'）。打开（'click'，函数（e）{
$（'ul'）。滑动切换（）；
})；
.container{
保证金：0自动；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
宽度：75%；
}
#切换菜单{
显示：无；
}
跨度{
浮动：对；
光标：指针；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
明确：两者皆有；
文本对齐：居中；
}
李{
字号：1.5em；
}
@介质（最大宽度：768px）{
#切换菜单{
显示：块；
}
保险商实验室{
显示：无；
}
导航{
位置：相对位置；
}
保险商实验室{
位置：绝对位置；
左：50%；
最高：100%；
转化：translateX（-50%）；
}
}
@介质（最小宽度：768px）{
保险商实验室{
显示：flex！重要；
}
}

切换导航栏

项目1
第2项
第3项
第4项
第5项

您可以使用媒体查询处理
nav
与css的更改，然后只需单击按钮切换
ul


$（'span#toggleMenu'）。打开（'click'，函数（e）{
$（'ul'）。滑动切换（）；
})；
.container{
保证金：0自动；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
宽度：75%；
}
#切换菜单{
显示：无；
}
跨度{
浮动：对；
光标：指针；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
明确：两者皆有；
文本对齐：居中；
}
李{
字号：1.5em；
}
@介质（最大宽度：768px）{
#切换菜单{
显示：块；
}
保险商实验室{
显示：无；
}
导航{
位置：相对位置；
}
保险商实验室{
位置：绝对位置；
左：50%；
最高：100%；
转化：translateX（-50%）；
}
}
@介质（最小宽度：768px）{
保险商实验室{
显示：flex！重要；
}
}

切换导航栏

项目1
第2项
第3项
第4项
第5项

使用CSS媒体查询，而不是JQuery。（）更改设备时是否需要更改大小？@ScottMarcus这是我第一次尝试，但没有work@Fr33d0m是的，屏幕大小或设备可以进行CSS媒体查询，比如说@ScottMarcuseCSS媒体查询，而不是JQuery。（）更换设备时需要更换尺寸吗？@ScottMarcus这是我第一次尝试，但没有work@Fr33d0m是的，屏幕大小或设备可以进行CSS媒体查询，比如说@ScottMarcusOw，对不起。假设是jQuery，因为你在标题中提到了它。哦，对不起。假设是jQuery，因为你在标题中提到了它。
if(window.innerWidth <= 860) {

}