如何為桌面視圖禁用響應式移動菜單jquery命令

Question

我建立了一個jQuery響應式導航菜單。 在移動視圖中按需單擊時，它將隱藏展開的列表項。 但是在桌面視圖中也可以隱藏它們（不需要）。 我是jquery的完全新手。 我嘗試了enquire.js，但似乎無法正常工作。 我知道應該，只是不確定我在做什么錯。

我在這個論壇上瀏覽了所有類似的問題，但是似乎找不到適合我的答案。 我確定這是非常簡單的幾行，經過徹底搜索后我一直找不到，這是我在努力的（v.newbie）代碼：

    $(function() {          
        var pull        = $('#pull');
            menu        = $('nav ul');
            menuHeight  = menu.height();

        $(pull).on('click', function(e) {
            e.preventDefault();
            menu.slideToggle();
        });

        $(window).resize(function(){
            var w = $(window).width();
            if(w > 510 && menu.is(':hidden')) {
                menu.removeAttr('style');
            }
        });
        $(".scroll").click(function(){
                $("nav ul").hide(1000);
            });
    });

我在這里將我正在處理的內容上傳到JSFiddle： http : //jsfiddle.net/ConorMac/9qdd8784/

如您所見，當斷點低於510px時，它的行為與我希望的一樣。 但是我無法終生獲得高於510px的列表項！ 任何幫助將不勝感激。 並獲得了一個（非常確定的基礎知識）課程。

干杯。

Answer 1

使用純@media標簽...

@media (max-width: 510px){
    ul{
        < styles go here >
    }
}

應用於ul任何樣式僅在屏幕尺寸為510px或以下時適用。