Изображение onclick вместо кнопки на клике?

Question

У меня есть сценарий, который запускается onclick, но он не работает, когда я использую изображение, работает только кнопка. Вы можете увидеть пример на http://thomaswd.com/maze. Нажмите кнопку «влево», затем кнопку «вниз», и оба они работают. Но по какой-то причине стрелка вправо не работает. Пожалуйста помоги. Благодаря!

Answer 1

Измените идентификатор с 'права' на что-то еще. Я не совсем уверен, почему это не удается, но, видимо, внутри html, так как «right» - это id, он скрывает функцию right().

В Chrome отладчик, я изменил идентификатор «г» и кнопка работает, хотя он огромен из-за CSS не соответствует больше :)

Как было отмечено других, «вверх» и «вниз» кнопки работают, и это потому, что их идентификаторы являются «верхними» и «нижними».

EDIT:

А вот explanation, очень странный вопрос :)

Answer 2

Я немного запутался, почему right не работает, когда up делает при тех же обстоятельствах, но мне кажется, что вы можете получить его на работу, связываясь с помощью JavaScript (который вы действительно должны делать в любом случае) вместо используя onclick.

$("#right").on('click', right); 

Answer 3

Странно, я не понимаю, почему right() не работает, но работает, если я переименовать функцию другим именем.

Демо: http://jsfiddle.net/5b3Ez/

Rename right() функцию с другим именем и надежда, что помогает сейчас.

Answer 4

Вместо right(), просто использовать window.right().

В этом контексте я попробовал:

console.log(this.right===right, this.right===window.right, right===window.right); 

и отображает true false false, но в случае с другими стрелками, это false false true. Объяснение, на которое указывает Павел Хонекке, указывает на проблему.