Использование JQuery с холстом HTML?

Прошло некоторое время с тех пор, как я сделал веб-программирование, и я пытаюсь начать все заново. Однако я не могу заставить JQuery работать.Использование JQuery с холстом HTML?

В моем файле 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()">)

И это прекрасно работает и показывает розовый когда я загружаю страницу.

Кто-нибудь знает, почему это может произойти? Благодарю.

источник

2012-06-02 Ryan Peschel

[здесь работает] (http://jsfiddle.net/2BuZ5/). Вы уверены, что загружен jQuery? – Joseph

, похоже, работает - http://jsfiddle.net/ZurbR/ –

Uh oh. Теперь я понятия не имею, что происходит ......... lol –

Получил это!

Проблема заключалась в том, что я связал свой файл javascript перед файлом jQuery.

В основном, переключился эти две строки:

<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-02 00:16:15

Я не вижу, как это решает. если ваш '.ready' вызов находится в' canvas.js', это не сработает, поскольку jQuery еще не загружен. – Joseph

Использование JQuery с холстом HTML?

ответ

Смежные вопросы