HTML5 drag and drop не работает

Question

Я использую скрипт перетаскивания HTML5, и он не работает. Когда я использую консоль ошибок в сафари, он говорит:

NOT_FOUND_ERR: DOM Exception 8: An attempt was made to reference a 
Node in a context where it does not exist. 

Я понятия не имею, что это значит. Вот мой пример: http://thomaswd.com/maze. Попробуйте перетащить мышь на указанный квадрат. Предполагается, что Алджернон останется в этом ящике. Благодаря!

Кроме того, можно ли остановить перетаскивание мыши через стены? Благодаря!!

Answer 1

Столкновение для стен
http://www.html5rocks.com/en/tutorials/canvas/notearsgame/

, насколько мышь и ошибка, то я не вижу ни. Однако приведенная выше ошибка является obvs. проблема с вашим источником/скриптом. Я посмотрел через него, но там нет ничего, вы удалите JS перед отправкой пример \

Редактировать

ev.target.appendChild (document.getElementById (данные)); эта линия. Ошибка. Была сделана попытка ссылаться на узел в контексте, где он не существует. В drop (thomaswd.com/Maze/:18:15) в HTMLDivElement.ondrop (thomaswd.com/Maze/:50:225) "

Doms (getelementbyid) ищет идентификатор« мышь »и не может найти его. установить изображение ID = «мышь»

Я использовал инструменты для разработчиков и отредактировал эту строку локально, и это сработало. и мышь упала без проблем.

<img src="rat.png" id="mouse" width="60px" ondragstart="drag(event)" style="cursor:move;" draggable="true"> 

Answer 2

Это происходит потому, что вы не указали идентификатор вашей мыши. добавьте это на свою мышь image

id="mouse" 

Во-вторых, для каждого отдельного TD вам необходимо сделать его возможным, установив эти атрибуты.

ondrop="drop(event)" ondragover="allowDrop(event)"