1

@979ワイドスクリーンで使用されるJQueryモバイルナビゲーションを使用しました。私が抱えている問題は、画面のサイズを幅 979 ピクセルに変更すると、メニューがポップアップしますが、完全に拡張され、Web ページのコンテンツをカバーすることです。これは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');
    }
});
4

1 に答える 1

0

979px前後で消える？明らかに、コードのこの部分がそれを処理します。

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

画面のサイズを変更すると、この行 - - 要素のスタイル属性全体が$('header nav ul').removeAttr('style')削除されます。インライン CSS を設定することでメニューが非表示になっているようです。つまり、コードがスタイル属性を削除するとメニューが表示されます。style="display: none"

于 2014-04-02T11:04:26.890 に答える