jQuery अगर बयान स्क्रीन आकार

Question

के आधार पर मैं बाहर नेविगेशन बार एक स्लाइड है कि मैं> = 1024 के स्क्रीन की चौड़ाई पर डिफ़ॉल्ट रूप से खुला है और डिफ़ॉल्ट < 1024 द्वारा बंद कर दिया मैं एक बटन है कि यह खुला टॉगल और इसे बंद कर दिया है करना चाहते हैं। मैं बस जेएस सीखना शुरू कर रहा हूँ। मुझे लगता है कि अगर खिड़की की चौड़ाई> = 1024 है तो एक कथन में डिफ़ॉल्ट टॉगल स्थिति सेट करने का कोई तरीका है। किसी भी तरह की सहायता का स्वागत किया जाएगा। टॉगल के लिए अब तक मेरे पास क्या है।

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