दिलचस्प पोस्ट
गिट में एक शाखा पर एक शाखा 'मर्ज' के बजाय मैं 'अधिलेखित' कैसे करूँ? उद्देश्य सी में जीएमटी समयक्षेत्र रूपांतरण लैम्ब्दास के साथ उपयोग के लिए कमजोर घटना हेन्डलर मॉडल दोहराने संख्याओं को खोजने के लिए रेगेक्स प्लेयर बनाने में त्रुटि: CommandInvokationFailure: डेक्स प्रारूप में वर्गों को परिवर्तित करने में असमर्थ Chrome डीबगर को बंद क्यों नहीं लगता स्थानीय चर अपरिभाषित है? OS X पर sem_init स्विफ्ट में वीसी मुद्दे बदलना टैब बार नियंत्रक में दृश्यों के बीच डेटा कैसे पास करें? बूटस्ट्रैप 2 Navbar और पंक्ति के नीचे के बीच रहस्यमय सफेद स्थान एसएसई पूर्णांक प्रभाग? एक कस्टम UIView कैसे आकर्षित करें जो कि सिर्फ एक मंडली है – iPhone ऐप एक जेएसपी से दूसरे जेएसपी तक वैरिएबल भेजना क्या खिड़कियों में खुली फ़ाइलों की संख्या पर कोई सीमा है? स्थानीय समय में ऑर्डर किए गए टाइमस्टैम्प का पार्सिंग (यूटीसी तक) जबकि डेलाइट सेविंग टाइम का निरीक्षण करना बैच फ़ाइल से मेल भेजना

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 }); } 

Solutions Collecting From Web of "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); });