问题
I am trying to find what's wrong with my code. Mootools core file is attached to HTML head and works well.
If I add the code:
$('myElement').addEvent('click', function(){
alert('clicked!');
});
right below the <div id="myElement">Click me</div> then it works.
But if I add it to the separate javascript.js file then it does not work
HTML is this:
<!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>
And javascript.js is this:
$('myElement').addEvent('click', function(){
alert('clicked!');
});
All files (html, mootools-core and javascript.js are in the same directory). Any ideas?
回答1:
You have to wrap the expression in a domready event:
window.addEvent('domready', function() {
$('myElement').addEvent('click', function() {
alert('clicked!');
});
});
来源：https://stackoverflow.com/questions/11629131/javascript-mootools-addevent