Mootools Element.prototype error

Question

我想將一些函數和變量實現到mootools的Element成員中。我有這樣的事情

Element.prototype.currentChild = this.getFirst(); 
Element.prototype.scrollToNext = function(delta, tag){ .... } 

後，我創建一個新的元素和鼠標滾輪事件綁定到跨度和存取權限是currentChild。

body_container = new Element('div', { 
events:{ 
      'mousewheel': function(e){ 
       var elem = new Element(this); 
       elem.currentChild.setStyle('background-color', 'transparent'); 
       elem.scrollToNext(e.wheel); 
       elem.currentChild.setStyle('background-color', '#C6E2FF'); 
       e.stop(); 
      } 
     } 
    }); 

的問題是，我得到以下錯誤：

Uncaught TypeError: Object [object Window] has no method 'getFirst'

你知道什麼可能會導致這樣？ LE：是的，我期待'this'是一個元素。但我不明白爲什麼它會是Window類型。

Answer 1

使用實現來改變原型。並且你將需要一個函數，不能說something.prototype.method = this.somethingsMethod，因爲它不在方法的執行上下文之外。

Element.implement({ 
    currentChild: function() { 
     return this.getFirst(); 
    }, 
    scrollToNext: function() {} 
}); 

MooTools也有別名。

Element.alias('currentChild', 'getFirst'); 

https://github.com/mootools/mootools-core/blob/master/Source/Core/Core.js#L223-225 - 走樣的類型的方法，當你不想重新實現。

說實話，爲什麼你不能只用元素存儲呢？

'mousewheel': function(e) { 
    var elem = document.id(this), 
     first = elem.retrieve('currentChild'); 

    first || elem.store('currentChild', first = elem.getFirst()); 

    first.setStyle('background-color', 'transparent'); 
    elem.scrollToNext(e.wheel); 
    first.setStyle('background-color', '#C6E2FF'); 
    e.stop(); 
} 

Answer 2

感謝您的快速回答。同時我發現了一個基於Dimitar第一個解決方案的實現方法。它看起來像這樣：

Element.implement({ 
    currentChild: function(){ 
     if(!this._currentChild) this._currentChild = this.getFirst(); 
     return this._currentChild; 
    } 
}