Mootools addClass造型

Question

所以我一直在學習JavaScript一段時間，並剛剛開始整合框架。我出於各種原因選擇了MooTools，但這有點偏離主題。

所以，我創建了第一小段代碼，用於向li元素添加一個類，該元素與mouseover上的樣式相關，並在mouseleave上將其刪除。我已經在JavaScript中做過這麼多次了，不用擔心，但是無法使用MooTools工作。

HTML片段：

<ul id="navBar"> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
</ul> 

JS框架片段：

window.addEvent('domready', function() { 

$('navBar').getElements('a').addEvent({ 
    mouseenter:function(){ 
     $(this).addClass('navHover'); 
    }, 
    mouseleave:function(){ 
     $(this).removeClass('navHover'); 
    } 
}); 
}); 

CSS代碼片段：

.navHover { 
color: #FFF; 
} 

也許我沒有正確地實現框架，也許我應該只是恢復回到普通的舊JavaScript？

謝謝。

Answer 1

你只是略去了一個「s」。 :-)

$('navBar').getElements('a').addEvents({ 
             ^here 

如果你的意思做addEvent，那麼你應該知道它只能添加一項​​單獨的事件，因此，如果必須是：$('navBar').getElements('a').addEvent("mouseenter", function() { ... });當你寫了，它是addEvents正確的語法。

源（雖然我覺得這個問題是一個錯字）：http://mootools.net/docs/core/Element/Element.Event#Element:addEvents

和工作的jsfiddle例如：http://jsfiddle.net/pxLTX/