javascript - 用于移动导航的Jquery菜单会自动弹出

我使用了@ 979宽屏的JQuery移动导航。我的问题是，当屏幕大小调整为979px宽时，菜单会弹出但会完全扩展，并覆盖网页的内容。我知道这与JQuery有关，但无法弄清楚。这是脚本：

$(".menu-btn").click(
function(){
$("header nav ul").slideToggle();//Slide 1st level navigation on click
    }
);

$(window).on('resize',function(){
    if($(this).width() > 979){
        $('header nav ul').removeAttr('style');
    }
});

最佳答案

大于或小于979px时它会消失吗？
显然，这部分代码可以处理它：

$(window).on('resize',function(){
    if($(this).width() > 979){
        $('header nav ul').removeAttr('style');
    }
});

调整屏幕大小时，此行-$('header nav ul').removeAttr('style')-仅删除元素的整个样式属性。似乎菜单是通过设置内联CSS即style="display: none"隐藏的，因此当您的代码删除样式属性时，菜单就会出现。