JavaScript mootools addEvent答案

【问题标题】：JavaScript mootools addEventJavaScript mootools addEvent
【发布时间】：2012-07-24 10:41:52
【问题描述】：

我试图找出我的代码有什么问题。 Mootools 核心文件附加到 HTML 头部并且运行良好。

如果我添加代码：

$('myElement').addEvent('click', function(){
    alert('clicked!');
});

就在<div id="myElement">Click me</div> 的正下方，然后就可以了。

但如果我将它添加到单独的 javascript.js 文件中，则它不起作用

HTML 是这样的：

<!DOCTYPE html>
<html>  
<head>   
<script type="text/javascript" src="mootools-core-1.4.5-full-nocompat.js"></script>
<script type="text/javascript" src="javascript.js"></script>  
</head>
<body>  
<div id="myElement">Click me.</div>
</body>  
</html>

而 javascript.js 是这样的：

$('myElement').addEvent('click', function(){
    alert('clicked!');
});

所有文件（html、mootools-core 和 javascript.js 都在同一个目录中）。有什么想法吗？

【问题讨论】：

标签： javascript mootools addeventlistener

【解决方案1】：

您必须将表达式包装在 domready event: 中：

window.addEvent('domready', function() {
    $('myElement').addEvent('click', function() {
        alert('clicked!');
    });
});

【讨论】：