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"，因此当您的代码删除 style attr时会出现菜单。

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

1 个答案: