testowanie funkcji w jsfiddle

Question

Przepraszam, naprawdę głupie pytanie tutaj. Jeśli piszesz pytanie o javascript lub jquery, ludzie często mówią - stwórz jsfiddle.

Tak, zrobiłem. Moje pytanie dotyczy pobierania elementów div za pomocą jquery, ale nie mogę nawet uzyskać podstawowej funkcji javascript do uruchomienia w jsfiddle.

http://jsfiddle.net/ubq6E/

<div onclick="showit()">Hello</div> 
function showit() 
{ 
alert('hi'); 
} 

div, kliknij na niego, aby wywołać funkcję JavaScript, ale jsfiddle mówi, że funkcja nie jest zdefiniowana. Nie możesz tego zrobić w jsfiddle?

Answer 1

Wybrałeś domyślną opcję onLoad w jsfiddle.

Powoduje to, że witryna zawija cały kod w funkcji wywołania zwrotnego, co oznacza, że ​​funkcja showit nie jest funkcją globalną wymaganą przez wbudowane procedury obsługi zdarzeń DOM0.

Istnieje kilka arounds pracy, w moim osobistym kolejności preferencji:

1. nie używać dom0 teleskopowe inline, oni naprawdę old school - zamiast patrzeć w element.addEventListener() i oddzielić od znaczników twój JS.

2. użyj zamiast tego window.showit = function() { ... }, aby wymusić pojawienie się funkcji w globalnej przestrzeni nazw.

3. wybierz jedną z opcji „no wrap”