Question

我试图找到我的代码有什么问题。 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都在同一目录中）。有什么想法吗？

Answer 1

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

中

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

JavaScript mootools addEvent

1 个答案: