3

我试图找出我的代码有什么问题。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 都在同一个目录中)。有任何想法吗?

4

1 回答 1

6

您必须将表达式包装在domready事件中

window.addEvent('domready', function() {
    $('myElement').addEvent('click', function() {
        alert('clicked!');
    });
});
于 2012-07-24T10:48:04.060 回答