问：因此，我一直在尝试创建一个导航菜单，以响应不同的屏幕尺寸。最小的将是使用<i class =“ fa fa-bars”>作为按钮的可折叠菜单。
一切正常，直到我修改了javascript以删除<i>并根据屏幕尺寸显示导航按钮。我猜我在我的jquery代码中的某个地方犯了一个错误，但似乎找不到解决方案。
设计将显示加载时的<i>，并隐藏导航栏。如果导航栏没有CSS类“ open”，则该导航栏将被隐藏。
它会工作一些时间。然后其他显示大于450像素时显示<i>。
该代码当前比较混乱，一旦我能正常运行，我将使其变干。
任何帮助，将不胜感激。
$（window）.resize（function（）{
var win = $（this）;
if（win.width（）< 450 ） {
$（“ i ”）。show （）; $（“ ul ”）。removeClass （ “ open ”）; $（“ ul ”）。mouseleave （function （）{ $（“ ul ”）。removeClass （“ open ”）; $（“ i ”）。show （）; }）; $（“ i ”）。点击（function （）{
$（“ ul ”）。toggleClass （“ open ”）;
$（“ i ”）。隐藏（）; }）; } else { $（“ i ”）。隐藏（）; $（“ ul ”）。toggleClass （“ open ”）; } }）;
我也使用条件语句而不是其他条件重写了它，但是它没有任何影响。
如果（win.width（）> 450）{
$（“ i”）。hide（）;
$（“ ul”）。toggleClass（“ open”）;
}
答：包括CSS将使它变得很长。HTML在下面。
如果可以，我可以链接到codepen页面，它将包含所有代码。
<头 类= “报头” >
<我类= “FA FA-条隐藏” > < BR > MENU </我> < UL类= “NAV” > <李类= “标志” > < H1 > LOGO </ H1 > </李> <李> <一个HREF = “$” > HOME </一> </ li > < li > <
一个 HREF = “$” > ABOUT </一> </李>
<李> <一个HREF = “$” > CONTACT </一> </李> <李> <一个HREF = “$” > BLOG </ a > </ li > </ ul > </ hea
