Fatal编程技术网
  • jquery/
  • 使用Jquery后，如何将导航栏恢复到正常状态？

使用Jquery后，如何将导航栏恢复到正常状态？

jquery html css responsive-design

使用Jquery后，如何将导航栏恢复到正常状态？,jquery,html,css,responsive-design,Jquery,Html,Css,Responsive Design,我按照教程创建了一个响应导航条，但我修改了大部分代码，使用flexbox而不是浮动，并且使用的导航项比教程中少。到目前为止，我唯一的问题是，如果我调整到480px或更小，打开nav菜单，然后调整到大于480px，nav菜单将保持显示为块，而不是返回flex。我相信这是因为我使用了jquery，但我对jquery的熟悉程度不如追踪这个bug所需的那么高 如果在切换导航栏时调整大小，导航项将返回到display:flex而不是停留在显示：块 下面是我的作品，如果你需要更多信息，请询问 只需从中删除&

我按照教程创建了一个响应导航条，但我修改了大部分代码，使用flexbox而不是浮动，并且使用的导航项比教程中少。到目前为止，我唯一的问题是，如果我调整到480px或更小，打开nav菜单，然后调整到大于480px，nav菜单将保持显示为块，而不是返回flex。我相信这是因为我使用了jquery，但我对jquery的熟悉程度不如追踪这个bug所需的那么高

如果在切换导航栏时调整大小，导航项将返回到
display:flex而不是停留在
显示：块

下面是我的作品，如果你需要更多信息，请询问


只需从中删除
&&menu.is（':hidden'）


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


它应该像预期的那样工作


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