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 に答える