[JavaScript] jQuery on nie działa prawidłowo Opcje

[Agape]

Umieszczam poprzez append kod na formularz:

[PHP] pobierz, plaintext 
$("ul.directory_images").append('<div class="ustaw_na_glowny">test</div>');
[PHP] pobierz, plaintext 

a nastepnie chce zeby po kliknieciu tego elementu wykonala sie pewna akcja:

[PHP] pobierz, plaintext 
$('.ustaw_na_glowny').on('click', function(){
console.log('test');
}
[PHP] pobierz, plaintext 

niestety nic sie nie dzieje, dla elementow ktore juz sa, wszystko dziala ale dla appented juz nie, co takiego moge robic zle ? przeciez ON oraz APPEND są dobrze uzyte ...

[trueblue]

http://learn.jquery.com/events/event-delegation/

[Tuminure]

Event handlers are bound only to the currently selected elements; they must exist at the time your code makes the call to .on().

Źródło: http://api.jquery.com/on/

Użyj "delegated events" lub wykonuj przypisanie tego eventu po utworzeniu elementu.

[thek]

Użyj składni z 2 parametrem:
elem.on( events, selector [, data ], handler )
Bo wtedy warunkiem istotnym jest by elem istniał, ale selector może już być dynamiczny

EDIT: Widzę, że dokładnie to samo jest w dokumentacji .on() gdy się zjedzie nieco niżej. Tam też delegated events są identycznie zaimplementowane.

[Agape]

Tak właśnie zrobiłem, dzięki bardzo za pomoc, już to rozumiem