दिलचस्प पोस्ट
ऑब्जेक्ट एक संख्या है या नहीं, यह जांचने के लिए सबसे अजगर तरीका क्या है? गिट में एक एसएचए हैश द्वारा एक प्रतिबद्धता पर वापस लौटें? रिक्त स्थान के साथ std :: cin इनपुट? क्यों जावा की तारीख .getYear () 2011 के बजाय 111 की वापसी करता है? जावास्क्रिप्ट चर परिभाषा: कॉमस बनाम सेमीकॉलन एसएसडी को STDIN से पासवर्ड कैसे प्राप्त करें Node.js परिनियोजन सेटिंग्स / कॉन्फ़िगरेशन फ़ाइलों को कैसे संग्रहीत करें? PHP के लिए सर्वश्रेष्ठ XML पार्सर एकाधिक INNER SQL एक्सेस में शामिल हों क्या हम PL / SQL में थ्रेडिंग का उपयोग कर सकते हैं? मैं जावास्क्रिप्ट में एक से अधिक सीएसएस शैलियाँ कैसे सेट करूं? स्विफ्ट के साथ एक यादृच्छिक पृष्ठभूमि रंग कैसे बनाएं मैं एंड्रॉइड में एक तस्वीर पर टेक्स्ट कैसे लिखूं और उसे बचाऊं? कैसे एक मेकफाइल स्वचालित रूप से एक संशोधित हैडर फ़ाइल में शामिल स्रोत फ़ाइलों को पुनर्निर्माण कर सकते हैं? (सी / सी ++ में) एंड्रॉइड में एक छवि दृश्य के लिए सीमा?

कुछ करें यदि स्क्रीन की चौड़ाई 960 पिक्सल से कम है

अगर मेरी स्क्रीन की चौड़ाई 960 पिक्सल से कम है तो मैं jQuery को कैसे कर सकता हूं? नीचे दिए गए कोड हमेशा मेरी चेतावनी, मेरी खिड़की आकार की परवाह किए बिना आग लगाते हैं:

if (screen.width < 960) { alert('Less than 960'); } else { alert('More than 960'); } 

वेब के समाधान से एकत्रित समाधान "कुछ करें यदि स्क्रीन की चौड़ाई 960 पिक्सल से कम है"

खिड़की की चौड़ाई प्राप्त करने के लिए jQuery का उपयोग करें।

 if ($(window).width() < 960) { alert('Less than 960'); } else { alert('More than 960'); } 

आप इसे पुन: आकार इवेंट के साथ जोड़ना चाह सकते हैं:

  $(window).resize(function() { if ($(window).width() < 960) { alert('Less than 960'); } else { alert('More than 960'); } }); 

आरजे के लिए:

 var eventFired = 0; if ($(window).width() < 960) { alert('Less than 960'); } else { alert('More than 960'); eventFired = 1; } $(window).on('resize', function() { if (!eventFired) { if ($(window).width() < 960) { alert('Less than 960 resize'); } else { alert('More than 960 resize'); } } }); 

मैंने बिना किसी सफलता के http://api.jquery.com/off/ की कोशिश की इसलिए मैंने ईवेंट के साथ चला गया ध्वज

मैं सुझाव देगा (आवश्यक jQuery):

 /* * windowSize * call this function to get windowSize any time */ function windowSize() { windowHeight = window.innerHeight ? window.innerHeight : $(window).height(); windowWidth = window.innerWidth ? window.innerWidth : $(window).width(); } //Init Function of init it wherever you like... windowSize(); // For example, get window size on window resize $(window).resize(function() { windowSize(); console.log('width is :', windowWidth, 'Height is :', windowHeight); if (windowWidth < 768) { console.log('width is under 768px !'); } }); 

CodePen में जोड़ा गया: http://codepen.io/moabi/pen/QNRqpY?editors=0011

तब आप आसानी से खिड़की की चौड़ाई को var के साथ पा सकते हैं: खिड़की चौड़ाई और ऊँचाई: खिड़कीहैइट

अन्यथा, एक जेएस लाइब्रेरी प्राप्त करें: http://wicky.nillia.ms/enquire.js/

उपयोग

 $(window).width() 

या

 $(document).width() 

या

 $('body').width() 
 // Adds and removes body class depending on screen width. function screenClass() { if($(window).innerWidth() > 960) { $('body').addClass('big-screen').removeClass('small-screen'); } else { $('body').addClass('small-screen').removeClass('big-screen'); } } // Fire. screenClass(); // And recheck when window gets resized. $(window).bind('resize',function(){ screenClass(); }); 

मुझे पता है कि मैं इसका उत्तर देने में देर कर रहा हूं, लेकिन मुझे आशा है कि यह किसी ऐसे व्यक्ति की सहायता करेगा जो समान समस्याएं हैं। यह पृष्ठ किसी भी कारण से रिफ्रेश होने पर काम करता है।

 $(document).ready(function(){ if ($(window).width() < 960 && $(window).load()) { $("#up").hide(); } if($(window).load()){ if ($(window).width() < 960) { $("#up").hide(); } } $(window).resize(function() { if ($(window).width() < 960 && $(window).load()) { $("#up").hide(); } else{ $("#up").show(); } if($(window).load()){ if ($(window).width() < 960) { $("#up").hide(); } } else{ $("#up").show(); } });}); 

इस कोड को आज़माएं

 if ($(window).width() < 960) { alert('width is less than 960px'); } else { alert('More than 960'); } 
  if ($(window).width() < 960) { alert('width is less than 960px'); } else { alert('More than 960'); } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

आप जावास्क्रिप्ट के साथ एक मीडिया क्वेरी का उपयोग भी कर सकते हैं।

 const mq = window.matchMedia( "(min-width: 960px)" ); if (mq.matches) { alert("window width >= 960px"); } else { alert("window width < 960px"); } 

नहीं, इसमें से कोई भी काम नहीं करेगा आपको इसकी ज़रूरत है !!!

इसे इस्तेमाल करे:

 if (screen.width <= 960) { alert('Less than 960'); } else if (screen.width >960) { alert('More than 960'); }