Debug podpiętych zdarzeń w jQuery i Firebugu

Czasem zdarza się, że chcemy zobaczyć, jakie zdarzenia (events) jQuery są podpięte pod dany element drzewa DOM. Jak zrobić to najszybciej?

Z pomocą przychodzi funkcja data(). Jeśli użyjemy jej w kontekście obiektu jQuery w parze z argumentem events, możemy łatwo zdebugować interesujące nas zdarzenia. Przykładowe użycie:

$("a.news").data('events');

Dzięki Firebugowi proces ten jest o wiele bardziej użyteczny. Wystarczy coś takiego, by wyświetlić w konsoli interesujące nas dane:

$().ready(function() {

	$("#foobar").bind("click", function() { alert('a'); }).bind("click", function() { alert('b'); });

	var events = $("#foobar").data('events');
	$.each(events, function(i, value) {
		$.each(value, function(j, fn){
				console.log(i+": "+fn);
		});
	});
});

Efekt?

Można również skorzystać z pluginu James’a Padolsey’a.