Event-Handler setzen

Um einem Element einen Event-Handler hinzuzufügen, verwendest du in jQuery die Funktion ".on()"

Willst du den Event-Handler wieder entfernen, steht dir die Funktion ".off()" zur Verfügung.

$(elements).on( events [, selector][, data], handler );
$(elements).off([ events ][, selector][, handler]);
(Quelle: http://web-profile.com.ua/jquery/basic/jquery-on-off/ (abgerufen am 22.06.2012 um 10:25 Uhr))


Diese beiden Funktionen ersetzen die aus JavaScript bekannten Funktionen ".bind()", ".unbind()", ".delegate()", ".undelegate()", ".live()" und ".die()", wie die folgenden kurzen Beispiele zeigen:

$('a').bind('click', myHandler);$('a').on('click', myHandler); 

$('form').bind('submit',{ val:42}, fn);$('form').on('submit',{ val:42}, fn); 

$(window).unbind('scroll.myPlugin');$(window).off('scroll.myPlugin'); 

$('.comment').delegate('a.add','click', addNew);$('.comment').on('click','a.add', addNew); 

$('.dialog').undelegate('a','click.myDlg');$('.dialog').off('click.myDlg','a'); 

$('a').live('click', fn);$(document).on('click','a', fn); 

$('a').die('click');$(document).off('click','a');
(Quelle: http://web-profile.com.ua/jquery/basic/jquery-on-off/ (abgerufen am 22.06.2012 um 10:25 Uhr))


Weitere Informationen, Dokumentationen und Anwendungsbeispiele:
http://api.jquery.com/on/