Delegimi në jQuery

Nëse keni studiuar JavaScript, atëherë tashmë jeni hasur në temën delegimit të ngjarjeve, me të cilën mund, për shembull, të shpëtoheni nga problemet kur vendosni ngjarje për elementë të rinj. Le të shohim se si do të duket kjo për jQuery.

Le të marrim kodin HTML të mëposhtëm:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

CSS për të duket kështu:

li {
	width: 100px;
	cursor: pointer;
}

Tani, le të përdorim metodën on, për të lidhur metodën click jo me pikën e listës li, siç kemi bërë në mësimet e mëparshme, por me vetë listën ul. Gjithashtu do të kalojmë parametrin e dytë (fakultativ) 'li' si përzgjedhës të pasardhësve. Le të shohim se çfarë doli:

$('ul').on('click', 'li', function() {
	$(this).append('!');
});

Jepet ul, në të ka disa li. Nën ul bëni një buton, duke klikuar mbi të cilin në fund të ul do të shtohet një li i ri me tekstin 'pikë'. Bëni që gjatë klikimit në çdo li, në fund të tij të shtohet '!'. Kjo duhet të funksionojë edhe për li të shtuar rishtaz. Zgjidhni detyrën me ndihmën e delegimit (d.m.th. ngjarja duhet të jetë e vendosur në ul).

Jepet një tabelë me përdorues me dy kolona: emër dhe mbiemër. Nën tabelë bëni një formular, me ndihmën e të cilit mund të shtoni një përdorues të ri në tabelë. Bëni që gjatë klikimit në çdo qelizë të shfaqet një prompt, me ndihmën e të cilit mund të ndryshoni tekstin e qelizës. Zgjidhni detyrën me ndihmën e delegimit (d.m.th. ngjarja duhet të jetë e vendosur në table).