javascript - $(window).resize(); not working -

मेरे पास निम्न दो फ़ंक्शन हैं जिनकी आवश्यकता है $ (window)। Resize (); & amp; $ (दस्तावेज़) .ready (); काम करने के लिए

मैं कोड को अनुकूलित करने और $ (विंडो) के डुप्लिकेट को हटाने के द्वारा कम करने की कोशिश कर रहा हूं। Resize (); & amp; $ (दस्तावेज़) .ready (); और केवल इसे फ़ाइल में एक बार दिखाएं और उन सभी फ़ंक्शन को लपेटें जो उन्हें उनके भीतर की आवश्यकता होती है।

उदाहरण के लिए,

  फ़ंक्शन पर रीसाइज़ () {// ग्रिड सिस्टम var ग्रिड एलेमेंट = $ ("। ग्रिड एलेमेंट", "# ग्रिड 3"); फ़ंक्शन गैलरीग्रिड () {var grid3 = $ ('# grid3'); Var width = $ (window)। Width (); अगर (चौड़ाई & lt; 1024 & amp; चौड़ाई & gt; 770) {var grid1 = $ ('# grid1'); Var ग्रिड 2 = $ ('# ग्रिड 2'); के लिए (var i = 0; i & lt; gridElement.length; i ++) {यदि (i & lt; gridElement.length / 2) {grid1.append (gridElement [i]); } और {grid2.append (ग्रिड एलेमेंट [i]); }}} और {grid3.append (gridElement); }} // पूर्ण स्क्रीन समारोह फ़ुलस्क्रीन () {var newHeight = $ ("html") ऊंचाई () + "px"; $ ("फ़ुलस्क्रीन")। सीएसएस ("ऊंचाई", नयाहाइट); }} $ (दस्तावेज़) .ready (onResize); $ (विंडो) .resize (onResize);   
 पूरे कोड को  $ (document) से लपेटा हुआ है .ready (function () { 
 
 हालांकि, इस दृष्टिकोण के सभी प्रयास कोड तोड़ रहा है, विशेषकर ग्रिडसिस्टम ... यह बस काम नहीं कर रहा है, मैं क्या कर रहा हूं? 
 

< P> मेरी समझ यह है कि आप जब रीसाइज इवेंट प्राप्त होते हैं तो ऑन-रिसाइज़ () फ़ंक्शन निष्पादित करना चाहते हैं। आप दस्तावेज़-तैयार सामान का काम कैसे करना चाहते हैं, इसके साथ-साथ तुल्यकालन से थोड़ा सा लगता है - और मैं सुझाता हूं कि आप पढ़ते हैं मूलभूत jQuery ट्यूटोरियल में से कुछ - लेकिन, मूलतः, आप $ (फ़ंक्शन () .... में फ़ंक्शन का उपयोग करना चाहते हैं, दस्तावेज़ को पूरी तरह लोड होने के बाद विंडो में ईवेंट हैंडलर को लागू करने के लिए।

यहाँ, आप ऐसा लग रहे हैं - गलती से - मानते हुए कि आपका चल रहा $ (खिड़की)। Reset ... ... को कॉल करने के बाद $ (डॉक्साइट)। पहले ... तक इंतजार करना होगा .ready () फ़ंक्शन निष्पादित, लेकिन यह नहीं, यह कैसे काम करता है। जो दस्तावेज़ को निष्पादित किया जाना चाहिए, उसके बाद दस्तावेज़ एफ उल-भरी हुई स्थिति को फ़ंक्शन पैरामीटर में $ () तक जाना चाहिए।

असल में, आप अपने ईवेंट हैंडलर असाइनमेंट को .ready () फ़ंक्शन में रखना चाहते हैं:

 < कोड> $ (फ़ंक्शन () {$ (खिड़की)। Resize (onResize); });