ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
### 问题 在浏览器缩小的时候点击菜单,弹出下拉菜单 ![](https://box.kancloud.cn/e3e5ccd6cde05731abecf7146a802f1b_334x612.png) 这个时候把浏览器窗口拉大,菜单不会消失( ˇˍˇ )!!! ![](https://box.kancloud.cn/a5aa1ed05f741afcb9a27feee790618a_1223x462.png) ### 解决方法 可以使用jquery resize 事件,窗口发生变化的时候就隐藏菜单。 ``` $(window).resize(function(){ $(".mnav").slideUp(); $(".menu-m").removeClass("ok"); }); ``` `.mnav` 是移动端弹出的菜单名 `.menu-m` 是移动端触发菜单显示的按钮,当菜单隐藏的时候,按钮也变为初始状态