jquery Ekran boyutu temel alındığında ifade

Question

Varsayılan olarak> 1024 ekran genişliğinde açmak ve varsayılan olarak < 1024 tarafından kapatmak istediğim bir kaydırma çubuğu var. Açmak ve kapatmak için bir düğme var. Sadece j'leri öğrenmeye başladım. Pencere genişliği> = 1024 ise if ifadesinde varsayılan geçiş durumu ayarlamanın bir yolu olduğunu hayal ediyorum. Herhangi bir yardım büyük takdir edilecektir. İşte geçiş için şu ana kadar sahip olduğum şey.

$('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. 
}); 

Düzenleme:

Ya da belki bu sen ne sonra: Belge hazır olduğunda genişliği ise

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

Bu öğeyi açabilir veya kapatabilirsiniz doğru.

Answer 2

Sadece screen.width > 1024 için test edin.

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

Answer 3

Ben benzer bir proje yaptığını ve bu kod benim için çalıştım ..

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