2013-07-07 2 views
3

Я написал простую функцию:Почему это JSFiddle не работает

function clickedMe() { 
    alert(this + " : " + this.tagName + " : " + this.id); 
} 

И я зову его на события нажатия на кнопку элемента

<button onclick="clickedMe()">button</button> 

Это работает, когда я создал отдельную HTML страницу на местном уровне. Однако, похоже, он не работает на JSFiddle. Вот ссылка: http://jsfiddle.net/Mahesha999/fACce/

Неправильный телефон?

+0

Консоль возвращает 'ReferenceError: clickedMe не defined' КСТАТИ – Sliq

+1

Btw аналогичные вещи [здесь] (http://stackoverflow.com/q/5431351/1114320) – Sliq

ответ

2

Выбрать no wrap - in <head>/<body>.

Это не работает, потому что clickedMe не находится в глобальном масштабе.

enter image description here

+0

достаточно смешно, кажется, что это JSFiddle не работает с 'no wrap', но нужно' on load': jsfiddle.net/Mahesha999/fACce/3 Теперь что, если я хочу как в том же JSFiddle? – Mahesha999

+0

Нам нужно дождаться загрузки страницы, когда мы используем 'addEventLisenter', потому что' document.getElementById' не может получить элемент до того, как dom будет готов. http://jsfiddle.net/fACce/5/ –

+0

Да, что я понял, но что, если я хочу, чтобы обе кнопки были в одном исходном вопросе и одна в надписях в том же JSFiddle, она работала явно, включая 'clickme()' в HTML '

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