移动导航的 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

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

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

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