Jquery understanding how onclick changes work? -
यहां एक सरल jquery कोड है:
$ (document) .ready (function ( ) {/ * $ (Function () {// सबमिट_बटन_प्रकार फ़ील्ड का मूल्य सेट करता है यदि 'जमा करें और // जोड़ें अन्य बटन क्लिक किया जाता है। $ (' # Submit-id-submit_and_add ') क्लिक करें (फ़ंक्शन () {$ ('# Id_submit_button_type')। Val ('submit_and_add');});}); * / $ ('# submit-id-submit_and_add')। क्लिक करें (फ़ंक्शन () {$ ('# id_submit_button_type') Val ('submit_and_add');})}} ऊपर के दो के बीच अंतर क्या है? सबसे पहले, मैंने फ़ंक्शन के अंदर क्लिक हैंडलर को संलग्न किया है I
विश्व स्तर पर परिभाषित करने का दूसरा तरीका, यह कैसे काम करता है
यह केवल तब होता है जब क्लिक होने पर इसका मूल्यांकन किया जाता है
मान लें कि मेरा HTML है
& lt; input id = "id_submit_button_type" name = "submit_button_type" type = "hidden" / & gt ; & lt; इनपुट प्रकार = "सबमिट करें" नाम = "सबमिट करें_और_एड" मान = "सहेजें और amp; एक और "id =" submit-id-submit_and_add "/ & gt; जोड़ें I को इनपुट तत्व में कुछ संलग्न करना चाहते हैं जैसे
& lt; input प्रकार = "सबमिट करें" नाम = "सबमिट करें_और_एड" मान = "सहेजें और amp; एक अन्य "id =" submit-id-submit_and_add "onclick = somefunction / & gt; जोड़ें कोई भी इनपुट इनपुट तत्व के लिए मूल्य सेट करेगा। मैं कैसे अपनी जेएस फ़ाइल में कुछ फ़ंक्शन परिभाषित करूँगा , इसलिए कि मैं इसे यहां कॉल कर सकता हूं। इसे $ (दस्तावेज़) में लपेटा जाना चाहिए .ready (function () {} जैसे
var somefunction = $ ('# submit-id-submit_and_add '' ('Submit_and_add');})} मैं जेक्यूरी में एक शुरुआत कर रहा हूँ। इसलिए ये संदेह हो सकता है आपके धैर्य के लिए धन्यवाद
$ (फ़ंक्शन () {& lt; code & gt;} ); के लिए कम है:
$ (दस्तावेज़) .ready (function () {& lt; code & gt;}); < / pre> तो पहला संस्करण कहता है कि वह दस्तावेज तैयार होने के बाद हेन्डलर को बाइंड करने के लिए कहता है, लेकिन चूंकि सभी कोड एक और दस्तावेज तैयार हैंडलर के अंदर है, यह पहले से ही उस घटना की प्रतीक्षा कर रहा है, इसलिए अतिरिक्त आवरण का कोई असर नहीं है। दो संस्करण समरूप हैं।
यदि आप एक नामित फ़ंक्शन चाहते हैं जो क्लिक हैंडलर करता है, तो आप ऐसा कर सकते हैं:
फ़ंक्शन किसी भी क्रिया () {$ ('# id_submit_button_type')। Val ('submit_and_add') ; } $ (दस्तावेज़) .ready (function () {$ ('# submit-id-submit_and_add')। क्लिक करें (somefunction);});
Comments
Post a Comment