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

Question

我使用了一个 JQuery 移动导航，它使用了@979 宽屏。我遇到的问题是，当屏幕重新调整为 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');
    }
});

Answer 1

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

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

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