0

Web プログラミングをやったのは久しぶりで、また始めようとしています。ただし、JQueryを機能させることができないようです。

私のjavascriptファイルには、次のコードがあります。

$(document).ready(function() {
    $('#canvas').mousedown(function(e){
      alert("I am an alert box!");
    });
});

ただし、キャンバスをクリックしても何も起こりません。

私のjavascriptファイルの上部にこれがあるので、すべてが適切にリンクされていることを知っています:

function loader()
{
var canvas = $('#canvas')[0].getContext('2d');
canvas.fillStyle = "rgba(200, 0, 200, 0.5)";
canvas.fillRect(225, 105, 200, 200);
}

（私が持っているHTMLファイルで<body onload="loader()">）

そして、それはうまく機能し、ページをロードするとピンクのボックスが表示されます。

なぜこれが起こっているのか誰にも分かりますか？ありがとう。

4

1 に答える 1

0

とった！

問題は、jQuery ファイルの前に JavaScript ファイルをリンクしたことです。

基本的に、次の 2 行を切り替えます。

<script type="text/javascript" src="canvas.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
于 2012-06-02T00:16:15.800 に答える