JavaScript mootools addEvent

rai*_*vis 3 javascript mootools addeventlistener

我试图找到我的代码有什么问题.Mootools核心文件附加到HTML头,效果很好.

如果我添加代码:

$('myElement').addEvent('click', function(){
    alert('clicked!');
});
Run Code Online (Sandbox Code Playgroud)

<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>
Run Code Online (Sandbox Code Playgroud)

而javascript.js是这样的:

$('myElement').addEvent('click', function(){
    alert('clicked!');
});
Run Code Online (Sandbox Code Playgroud)

所有文件(html,mootools-core和javascript.js都在同一目录中).有任何想法吗?

Rob*_*b W 6

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

window.addEvent('domready', function() {
    $('myElement').addEvent('click', function() {
        alert('clicked!');
    });
});
Run Code Online (Sandbox Code Playgroud)