JavaScript mootools 添加事件

2024-01-27

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


您必须将表达式包装在domready event http://mootools.net/docs/core/Utilities/DOMReady:

window.addEvent('domready', function() {
    $('myElement').addEvent('click', function() {
        alert('clicked!');
    });
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript mootools 添加事件 的相关文章

随机推荐