如果語句添加到jQuery導航響應響應站點

Question

基本上我希望導航保持打開時，用戶登陸桌面頁面。如果用戶在移動設備上，我想讓導航開始隱藏。我正在使用一個非常基本的切換jquery來實現這個功能，我希望所有需要的是一個條件語句。

作爲一個腳本新手，我仍然很難掌握if語句的工作方式。

桌面：

$(document).ready(function() { 
    $('#nav').show(); 

    $('#mnu-toggle').click(function() { 
    $('#nav').toggle(400); 
    return false; 
    }); 

手機：

$(document).ready(function() { 
    $('#nav').hide(); 

    $('#mnu-toggle').click(function() { 
    $('#nav').toggle(400); 
    return false; 
    }); 

我只有兩個媒體查詢網站上的768px，320px的和我想的封閉移動導航發生在768px內突破。

任何幫助理解if語句的概念，並提供解決方案將是非常有益的。

Answer 1

，你可以簡單地做這樣的事情：

$(document).ready(function() { 
    if($(window).width()>768){ 
     $('#nav').show(); 
    } 
    else{ 
     $('#nav').hide(); 
    } 
    $('#mnu-toggle').click(function() { 
    $('#nav').toggle(400); 
    return false; 
    });