自从我完成网络编程以来已经有一段时间了，我正在尝试重新开始。但是，我似乎无法让 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()">）
当我加载页面时，它工作正常并显示一个粉红色的框。
任何人都知道为什么会发生这种情况？谢谢。