javascript - convert code from jquery to prototype or dojo -

यदि आपको यह करना था ...

  फ़ंक्शन addRemoveItemNS () {var $ NewLi = $ ('& lt; li वर्ग = "विशेष" & gt; विशेष और नया & gt; बटन वर्ग = "योजक" & gt; मैं नया & lt; / button & gt; & gt; बटन वर्ग = "हटायेगा" & gt; मुझे निकालें & lt; / button & gt ; & lt; / li & gt; '); $ ('# List9 li.special') .फंड ('बटन.एडोन')। अनबंड ('click.addit') .बंड ('click.addit', फ़ंक्शन () {$ (this)। Parent () ($ NewLi) के बाद; addRemoveItemNS ();}) .end () .find ('button.removeme')। Unbind ('click.removeit') .bind ('click.removeit', फ़ंक्शन () {$ (यह )। Parent ()। निकालें ();}); } $ (दस्तावेज़) .ready (फ़ंक्शन () {addRemoveItemNS ();});  

... jquery के बजाय प्रोटोटाइप या डोजो के साथ, आप इसे कैसे करेंगे?

यहां बताया गया है कि डोजो ट्रंक कोड का उपयोग करके आप इसे कैसे कर सकते हैं (या इसे रिलीज होने पर डोजो 1.4)। आपके मूल कोड को बेहतर मिलान करने के लिए ट्रंक कोड अंत () के लिए समर्थन जोड़ता है आप डोजो को सहेज कर रख सकते हैं.कुंजी (सम्मिलित) को एक चर के रूप में और सिर्फ दो अलग-अलग बयानों में कॉल करने के लिए एक ही प्रभाव प्राप्त करने के लिए, और फिर आप डोजो 1.3 का इस्तेमाल कर सकते हैं।

 < कोड> फ़ंक्शन addRemoveItemNS () {var html = '& lt; li वर्ग = "विशेष" & gt; विशेष और नया & gt; class class = "addone" & gt; मैं नया & lt; / button & gt; & Lt; button class = "removeme" & gt; मुझे निकालें & lt; / button & gt; & lt; / li & gt; '; Var डाला = dojo.place (html, "list9"); Dojo.query (डाला) .query ('button.addone') .क्लिक करें (फ़ंक्शन (evt) {addRemoveItemNS ()}) .end () .query ('button.removeme') .क्लिक करें (फ़ंक्शन (evt) {/ संदर्भ पाने के लिए माता-पिता के लिए सामान्य DOM API का उपयोग करें। Dojo.destroy (evt.target.parentNode);}); } Dojo.addOnLoad (function () {// पहले बनाओ # list9 नोड? मूल कोड से गुमनाम। Dojo.place ('& lt; ul id = "list9" & gt; & lt; / ul & gt;', dojo.body ()) ; AddRemoveItemNS ();});  

कोड के बारे में कुछ नोट्स:

• एक HTML स्ट्रिंग का उपयोग करके, और फिर dojo.placing, फिर एक " Unjind "।
• Dojo DOM नोड्स पर घटनाओं के लिए बाइंडिंग के कस्टम नामों का समर्थन नहीं करता है, केवल मानक डोम ईवेंट नाम, ऑनक्लिक, ऑनफोकस आदि जैसे समर्थित हैं।
• दोोजो डिफ़ॉल्ट रूप से DOM नोड को क्लिक करें जो क्लिक हँडलर में "यह" संदर्भ क्लिक किया गया था, क्योंकि डोजो उनके ऑनक्लिक फ़ंक्शन के भाग के रूप में "यह" तर्क का समर्थन करता है। यही कारण है कि evt.target को निकालें बटन क्लिक क्रिया में प्रयोग किया जाता है।