How to find the source (anonymous function) jQuery event source?

Question

Most jQuery codes use anonymous functions, for example:

jQuery('someelements').someEvent(function() {
    // code here
});

This works well but is not suitable for debugging. I tried to find the source of some anonymous functions using both Firefox Firebug and the Chrome inspector, with javascript pause function, but the actual code that it calls is in the jQuery jQ file and the step-by-step code never tells which line or even that. The js file added this event. How can I determine where the action is defined?

Answer 1

Google Chrome/Firefox, , jQuery () : Visual Event.

: Firefox, , Javascript ?

Answer 2

jQuery profile Firebug, jQuery, .

jQuery, , :
http://www.keyframesandcode.com/resources/javascript/deconstructed/jquery/

Answer 3

, . (, ), Chrome DevTools.

Answer 4

, , - , , . , .

.

jQuery('someelements').someEvent(function someEventHandler() {
    // code here
});

, , jquery dev . ret = ... .apply()

var handler = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler );
console.log("FIRE EVENT ", event.type, "HANDLER: ", handler.name||'Anonymous Function'); 

Answer 5

jQuery('someelements').someEvent(function(e) {
    // code here
alert(e.target);
});