jQuery noConflict() विधि
- पिछला पृष्ठ jQuery Get/Post
- अगला पृष्ठ जक्वेरी इंस्टांस
कैसे पन्ने पर jQuery और अन्य फ्रेमवर्क को साथ-साथ इस्तेमाल करें?
jQuery और अन्य JavaScript फ्रेमवर्क
जैसा कि आप जानते हैं, jQuery $ सिंबोल को jQuery के लिए एक लघुरूप के रूप में इस्तेमाल करता है।
अगर अन्य JavaScript फ्रेमवर्क भी $ सूचकांक को लघुरूप के रूप में उपयोग करते हैं, तो क्या करें?
अन्य कुछ JavaScript फ्रेमवर्क इस प्रकार हैं: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman और Ext JS。
कुछ अन्य फ्रेमवर्क भी $ सूचकांक को लघुरूप के रूप में उपयोग करते हैं (जैसे jQuery), अगर आप दो अलग फ्रेमवर्क जो दोनों एक समान लघुरूप का उपयोग कर रहे हैं, तो यह शायद स्क्रिप्ट चलना बंद कर दे।
jQuery की टीम इस समस्या को सोचा और noConflict() विधि को लागू किया है。
jQuery noConflict() विधि
noConflict() विधि $ सूचकांक के नियंत्रण को रिलीज करती है, इस तरह अन्य स्क्रिप्ट इसे उपयोग कर सकती हैं。
उदाहरण
बेशक, आप लघुरूप के स्थान पर पूर्ण नाम का उपयोग करके जेक्वेरी का उपयोग कर सकते हैं:
$.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("jQuery अभी भी चल रहा है!"); }); });
उदाहरण
आप अपने अपने लघुरूप को भी बना सकते हैं। noConflict() जेक्वेरी के लिए संदर्भ को वापस करता है, आप इसे वारियबल में भंडारित कर सकते हैं, ताकि बाद में इसे उपयोग किया जा सके। इस उदाहरण को देखें:
var jq = $.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("jQuery अभी भी चल रहा है!"); }); });
उदाहरण
अगर आपका jQuery कोड ब्लॉक $ लघुरूप का उपयोग करता है और आप इस लघुरूप को बदलना नहीं चाहते, तो आप $ सूचकांक को रेडी मथडल को वारियबल के रूप में पाठाने के लिए सक्षम कर सकते हैं। इस तरह आप कार्यक्रम में $ सूचकांक का उपयोग कर सकते हैं - और कार्यक्रम के बाहर, अभी भी "jQuery" का उपयोग करना होगा:
$.noConflict(); jQuery(document).ready(function($){ $("button").click(function(){ $("p").text("jQuery अभी भी चल रहा है!"); }); });
jQuery का केंद्रीय संदर्भ ग्रंथ
पूर्ण jQuery केंद्रीय विधि सारांश के लिए, हमारे jQuery का केंद्रीय संदर्भ ग्रंथ。
- पिछला पृष्ठ jQuery Get/Post
- अगला पृष्ठ जक्वेरी इंस्टांस