javascript - $(document).ready() & $(function(){} -

मेरे दो कार्य हैं:

  function func1 () {}  <  
 और  
  फ़ंक्शन func2 () {}   
 इन दोनों कार्यों के लिए काम करने के लिए निम्नलिखित की आवश्यकता है  
  $ (document) .ready (); $ (विंडो) .resize ();   
 इसलिए मैंने इसे दोनों कार्यों के रूप में निम्नानुसार कार्यान्वित किया है:  
  $ (दस्तावेज़) .ready (func1); $ (विंडो) .resize (func1);   
 और  
  $ (दस्तावेज़) .ready (func2); $ (विंडो) .resize (func2);   
  समस्या? वहाँ दो है;   
  1)  मेरे पास पहले से ही  $ (फ़ंक्शन () { ऊपर दिए गए दो कार्यों को लपेटन है, लेकिन मुझे अभी भी ज़रूरत है  $ (दस्तावेज़) .ready ();  क्यों? दोनों एक ही बात नहीं है!  
  2)  मैं शॉर्ट- कोड कट और केवल  $ (दस्तावेज़) .ready ();  "यदि आवश्यक हो" और  $ (window)। Resize ();  एक बार प्रकट करने के लिए और फिर फ़ंक्शन जोड़ें इसे करने के लिए, और कार्यों में इसे जोड़ने नहीं उलझन में? ठीक है ...  
 इसलिए मैं मूल रूप से यह करना चाहता हूं:  
  $ (दस्तावेज़) .ready (func1, func2); $ (विंडो) .resize (func1, func2);   
 लेकिन यह काम नहीं किया, कोई विचार?  
 मेरी स्क्रिप्ट:  
  $ (फ़ंक्शन () {// रोकें क्लिक करें। एक्टिव और अक्षम लिंक 'का उपयोग सख्त'; $ ('सक्रिय, अक्षम') क्लिक करें (फ़ंक्शन (e) {e.preventDefault ();}); // ऑफ-कैनवास मेनू var $ pages = $ ('# पेज, # सेकेंड हेडर'), $ हेडर = $ ('# हेडर'), $ सेकंड हेडर = $ ('# सेकंड हेडर .मेनू-बटन'); $ सेकंड हेडर.ऑन ('टचस्टार्ट क्लिक', फ़ंक्शन (ई) $ E.preventDefault (); $ pages.toggleClass ("pageOpen"); $ हेडरटोग्लेक्लस ("हेडर ओपन"); $ (यह) .टोग्लैकल ("मेनू-बटन-सक्रिय");}); $ ('# पृष्ठ ')। पर (' टचस्टार्ट क्लिक ', फ़ंक्शन () {$ pages.removeClass ("pageOpen"); $ header.removeClass (' हैडर ओपन '); $ secondHeader.removeClass ("मेनू-बटन-सक्रिय");} ); // ग्रिड प्रणाली var ग्रिड एलेमेंट = $ ("। ग्रिड एलेमेंट", "# ग्रिड 3"); (फ़ंक्शन () {$ (दस्तावेज़) .ready (GalleryGrid); $ (विंडो)। Reset (GalleryGrid);}) JQuery के गैलरीग्रिड () {var grid3 = $ ('# grid3'); var 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); }} $ (दस्तावेज़) .ready (फ़ुलस्क्रीन); $ (विंडो) .resize (फुलस्क्रीन); फ़ंक्शन फुलस्क्रीन () {var newHeight = $ ("html") ऊंचाई () - $ ("# हेडर")। ऊंचाई () + "px"; $ ("फ़ुलस्क्रीन")। सीएसएस ("ऊंचाई", नयाहाइट); }});    
 
 
 एक समान घटना पर दोनों कार्यों को कॉल करने के लिए एक आवरण समारोह का प्रयोग करें:  
  फ़ंक्शन जाना () {func1 (); // कॉल फंक्शन 1 और 2। Func2 (); } $ (दस्तावेज़) .ready (go); $ (विंडो) .resize (जाना);   
 या, यह सुनिश्चित करने के लिए कि दस्तावेज़ तैयार है, आप तैयार घटना के बाद भी  resize  ईवेंट श्रोता को संलग्न कर सकते हैं:  
 < कोड> $ (दस्तावेज़) .ready (फ़ंक्शन () {$ (खिड़की)। Resize (go);});