0

所以我已经学习了一段时间的 JavaScript，并且刚刚开始整合一个框架。我出于各种原因选择了 MooTools，但这有点离题了。

因此，我创建的第一个小代码用于向 li 元素添加一个类，该类与鼠标悬停时的样式相关，并在鼠标离开时将其删除。我已经在 J​​avaScript 中做过很多次了，不用担心，但无法使用 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？

谢谢你。

4

1 回答 1

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/

于 2013-02-21T14:35:55.953 回答