使用 Jquery 后如何使导航栏恢复正常？答案

【问题标题】：How can I return my nav bar to normal after using Jquery?使用 Jquery 后如何使导航栏恢复正常？
【发布时间】：2015-04-04 12:34:30
【问题描述】：

我按照this 教程创建了一个响应式导航栏，但我修改了大部分代码以使用弹性框而不是浮动，并且使用的导航项比教程少。到目前为止，我唯一的问题是，如果我调整到 480 像素或更小，打开导航菜单，然后调整到大于 480 像素，导航菜单将保持显示为块而不是返回到 flex。我相信这是由于我使用了 jquery，但我对 jquery 并不熟悉，因为我必须要追踪这个 bug。

如果您在切换导航栏时调整大小，我该怎么做才能使导航项返回display: flex; 而不是留在display:block;？

以下是我的作品，如果您需要更多信息，请询问。

JSFiddle

【问题讨论】：

标签： jquery html css responsive-design

【解决方案1】：

只需删除 && menu.is(':hidden')

if (w > 480 && menu.is(':hidden')) 
{
   menu.removeAttr('style');
}

它应该按预期工作。

Fiddle

【讨论】：

哇，谢谢！这对我有用。你能解释一下为什么&& menu.is(':hidden') 阻止它恢复正常吗？