用於移動導航的Jquery菜單會自動彈出

Question

我使用了@ 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');
    }
});

Answer 1

它是否消失比979px 更多或更少的時候？ 顯然，這部分代碼可以處理：

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

調整屏幕大小時，此行- $('header nav ul').removeAttr('style') -僅刪除元素的整個style屬性 。 似乎菜單是通過設置內聯CSS來隱藏的，即style="display: none" ，因此當您的代碼刪除樣式屬性時，菜單就會出現。