/ / Mootools Class to Jquery - जावास्क्रिप्ट, jquery, वर्ग, ऊप, मूटूल

Mootools कक्षा से Jquery - जावास्क्रिप्ट, jquery, कक्षा, ओओपी, mootools

मैं "एक mootools वर्ग को jquery में परिवर्तित कर रहा हूं, लेकिन मैं इस समय एक समस्या के साथ हूं।"

मैं निम्नलिखित कोड (म्यूटूल) कर रहा हूँ

var ListaItens = new Class({

...

...

initialize: function(element){
....

this.btnAdd = this.tabela.getElement(".add_linha button");
if(this.btnAdd){
this.btnAdd.addEvent("click", this.addLinha.bindWithEvent(this));
this.checkAdd();
}

...
},

addLinha: function(){

}
});

अब Jquery I में यह है

var ListaItens = function(element, maxLinhas){

...

this.btnAdd = this.tabela.find(".add_linha button")[0];
if(this.btnAdd){
//$(this.btnAdd).proxy("click", this.addLinha);
$(this.btnAdd).on("click", this.addLinha);
this.checkAdd;
}

...

this.addLinha = function(){

}
})

मेरी समस्या यह है कि कैसे ऐडलाइन फ़ंक्शन को btnAdd पर बाँधें। मेरा कोड isn "t वर्क क्योंकि एलिमेंट" दिस "चेंज। एंड आई डोन्ट" t जानता है कि फंक्शन bindWithEvent को jquery में कैसे कन्वर्ट करें।

कोई भी समाधान?

अग्रिम में धन्यवाद

उत्तर:

उत्तर № 1 के लिए 1

जहाँ तक मुझे पता है, jQuery वर्गों की एक समान अवधारणा प्रदान नहीं करता है जैसा कि म्यूटूल करता है, तो एक चीज जो आप कर सकते हैं वह यह है कि क्लासेस बनाने के लिए »क्लासिक जेएस दृष्टिकोण का उपयोग करें:

function ListaItens () {
var that = this;

this.tabela = $(…);
this.btnAdd = this.tabela.find(…);

if (this.btnAdd) {
this.this.btnAdd.on("click", function (e) {
that.addLinha();
})
}
}

ListaItens.prototype.addLinha = function () {

}

var instance = new ListaItens();

तो, अपने प्रश्न का उत्तर देने के लिए: आपको मूल रूप से क्या करना है?