दिलचस्प पोस्ट
HashPartitioner कैसे काम करता है? वक्रार और नवरर्चार के बीच अंतर क्या है? सी # 4.0: क्या मैं एक टाइम स्पेन्स को एक वैकल्पिक पैरामीटर के रूप में एक डिफ़ॉल्ट मान के साथ उपयोग कर सकता हूं? Android प्रोग्राम में इनबॉक्स से एक एसएमएस कैसे हटाया जाए? विजुअल स्टूडियो में जीसीसी स्टाइल कमजोर है? जीयूआई में जावा कंसोल में तीर कुंजी का पता कैसे लगा सकता है? बंडल इंस्टॉल SSL प्रमाणपत्र सत्यापन त्रुटि के साथ विफल रहता है AngularJS गतिशील रूप से एचटीएमएल जोड़ने और नियंत्रक को बाइंड कैसे करें बैच फ़ाइल में सबस्ट्रिंग करने का सबसे अच्छा तरीका क्या है? एलिमेंट-वार 2 सूचियों के अलावा? एंड्रॉइड में प्रोग्राम को कैसे खोलें? ओपनजीएल ईएस दृश्य में एनीमेशन फ्रीज होता है जब यूआईएसक्रोलएव्यू को iPhone पर खींच लिया जाता है कैसे जावास्क्रिप्ट का उपयोग कर डेटा को जोड़ना है? Google मानचित्र एंड्रॉइड एपीआई v2 में मौजूदा स्थान कैसे प्राप्त करें? एकता खेल प्रबंधक स्क्रिप्ट केवल एक बार काम करता है

jQuery: कैसे मक्खी पर खिड़की चौड़ाई का पता लगाने के लिए?

मेरे पृष्ठ पर एक स्क्रॉलिंग तत्व है (jScrollPane jQuery प्लगइन के साथ) मैं जो पूरा करना चाहता हूं वह ब्राउज़र विंडो की चौड़ाई का पता लगाकर स्क्रॉलिंग विंडो को बंद करने का एक तरीका है। मैं एक उत्तरदायी लेआउट कर रहा हूं और मैं चाहता हूं कि इस स्क्रॉलिंग सुविधा को बंद कर दिया जाए, जब ब्राउज़र एक निश्चित चौड़ाई से नीचे हो। जब मैं पृष्ठ को रीफ्रेश करता हूं, तब मैं इसे काम करने में सक्षम हूं, लेकिन जब मैं ब्राउज़र विंडो का आकार बदलता हूं, तब चौड़ाई मान फ़्लाई पर अपडेट नहीं होता है।

अभी अगर मैं 1000px चौड़ाई वाली विंडो के साथ शुरुआत करता हूँ तो 350px का आकार बदलता है, तो स्क्रॉल सुविधा बनी हुई है I ब्राउज़र की चौड़ाई 440px के हिट के रूप में मैं स्क्रॉल सुविधा बंद करना चाहता हूं।

यहां तक ​​कि मेरे पास अभी तक का कोड है I

var windowsize = $(window).width(); $(window).resize(function() { var windowsize = $(window).width(); }); if (windowsize > 440) { //if the window is greater than 440px wide then turn on jScrollPane.. $('#pane1').jScrollPane({ scrollbarWidth:15, scrollbarMargin:52 }); } 

वेब के समाधान से एकत्रित समाधान "jQuery: कैसे मक्खी पर खिड़की चौड़ाई का पता लगाने के लिए?"

एक चर बदलने से if -ब्लॉक के भीतर कोड को जादुई रूप से निष्पादित नहीं किया जाता है फ़ंक्शन में सामान्य कोड रखें, फिर ईवेंट को बाँध लें, और फ़ंक्शन को कॉल करें:

 $(document).ready(function() { // Optimalisation: Store the references outside the event handler: var $window = $(window); var $pane = $('#pane1'); function checkWidth() { var windowsize = $window.width(); if (windowsize > 440) { //if the window is greater than 440px wide then turn on jScrollPane.. $pane.jScrollPane({ scrollbarWidth:15, scrollbarMargin:52 }); } } // Execute on load checkWidth(); // Bind event listener $(window).resize(checkWidth); }); 

अपनी स्थिति को resize फ़ंक्शन पर रखें:

 var windowsize = $(window).width(); $(window).resize(function() { windowsize = $(window).width(); if (windowsize > 440) { //if the window is greater than 440px wide then turn on jScrollPane.. $('#pane1').jScrollPane({ scrollbarWidth:15, scrollbarMargin:52 }); } }); 

मुझे नहीं पता है कि यह आपके लिए उपयोगी है जब आप अपने पृष्ठ का आकार बदलते हैं:

 $(window).resize(function() { if(screen.width == window.innerWidth){ alert("you are on normal page with 100% zoom"); } else if(screen.width > window.innerWidth){ alert("you have zoomed in the page ie more than 100%"); } else { alert("you have zoomed out ie less than 100%"); } }); 

स्क्रीन आईडी 768px से कम है, और जब 768px से ऊपर है तब दिखाता हूं कि मैंने कुछ आईडी तत्वों को छिपाने के लिए नीचे किया। यह महान काम करता है

 var screensize= $( window ).width(); if(screensize<=768){ if($('#column-d0f6e77c699556473e4ff2967e9c0251').length>0) { $('#column-d0f6e77c699556473e4ff2967e9c0251').css('display','none'); } } else{ if($('#column-d0f6e77c699556473e4ff2967e9c0251').length>0) { $('#column-d0f6e77c699556473e4ff2967e9c0251').removeAttr( "style" ); } } changething = function(screensize){ if(screensize<=768){ if($('#column-d0f6e77c699556473e4ff2967e9c0251').length>0) { $('#column-d0f6e77c699556473e4ff2967e9c0251').css('display','none'); } } else{ if($('#column-d0f6e77c699556473e4ff2967e9c0251').length>0) { $('#column-d0f6e77c699556473e4ff2967e9c0251').removeAttr( "style" ); } } } $( window ).resize(function() { var screensize= $( window ).width(); changething(screensize); });