Witam.

Załóżmy, że mam takie coś:

[XML] pobierz, plaintext 
$('button').on('click', function() {
	alert('alert');
});
 
$.fn.extend( {
	loadContent: function() {
		var kontener = $(this);
		var adres_do_pliku = $(this).data('adres');
 
		$.ajax({
			url: adres_do_pliku,
			dataType: 'html',
			success: function(data) {		
				kontener.html(data);
			}
		});
	}
});
 
$('[data-tresc]').each(function() {
	$(this).loadContent();
});
 
[XML] pobierz, plaintext 

Treść, którą pobieram to HTML.

Moje pytanie brzmi... W jaki sposób zrobić tak, aby w załadowanym poprzez ajax HTML, po kliknięciu w button działał alert podany na początku skryptu? Rzecz jasna nie powielając kodu.

Próbowałem zamieścić zdarzenie z alertem w klasie, a następnie wywołać ją po success, jednak wtedy w zależności od ilości '[data-tresc]' na stronie, alert wyświetla się daną ilość razy.

Słowo-klucz: event delegation → http://api.jquery.com/on/#direct-and-delegated-events

Właśnie o to chodziło!

Dziękuję. Nigdzie nie mogłem jakąś tego znaleźć.