jqueryのifステートメントは、画面サイズに基づいて

Question

私は、1024より大きい画面幅でデフォルトで開きたいスライドアウトのナビゲーションバーを持っていて、デフォルトでは< 1024で閉じています。私はそれを開いたり閉じたりするボタンを持っています。私はちょうどjsを学び始めています。ウィンドウの幅が1024より大きい場合、ifステートメントにデフォルトのトグル状態を設定する方法があると思います。どんな助けでも大歓迎です。ここではトグルのために私がこれまで持っていたことがあります。

$('a.expand').toggle(function() { 
     $(this).addClass("open"); 
     $('#nav').animate({width: 50},{queue:false, duration:300}); 
     $('.wrapify').animate({marginLeft: 50},{queue:false, duration:300}); 
     $('.primarynav ul').hide(); 
     $('.navlogo').hide(); 

    }, function() { 
     $(this).removeClass("open"); 
     $('#nav').animate({width: 200},{queue:false, duration:300}); 
     $('.wrapify').animate({marginLeft: 200},{queue:false, duration:300}); 
     $('.primarynav ul').show(); 
     $('.navlogo').show(); 

    }); 

Answer 1

$(document).ready(function() { 
    // This will fire when document is ready: 
    $(window).resize(function() { 
     // This will fire each time the window is resized: 
     if($(window).width() >= 1024) { 
      // if larger or equal 
      $('.element').show(); 
     } else { 
      // if smaller 
      $('.element').hide(); 
     } 
    }).resize(); // This will simulate a resize to trigger the initial run. 
}); 

編集：

それとも、これはあなたが後にしているものです：

$(document).ready(function() { 
    if($(window).width() >= 1024) { 
     $('a.expand').click(); 
    } 
}); 

幅がある場合は、文書の準備ができたときに、この要素を切り替えます正しい。私は同様のプロジェクトをやっていたし、このコードは私のために働い

Answer 2

screen.width > 1024をテストするだけです。

https://developer.mozilla.org/en/DOM/window.screen.width

Answer 3

..

if($(window).width() >= 540) { 
    //code to execute 
}