Passing anonymous function to custom event trigger in Javascript/jQuery

Question

I'm trying to trigger custom events on DOM elements and pass anonymous functions to be executed when the event is triggered (using jQuery). So something like this:

$(some-dom).live("custom_event", function(evtObj, data, callback) {
//do some stuff
callback();
});

$(some-button).click(function() {
    $(some-dom).trigger("custom_event", some_data, function () {
        alert("this is my anonymous function passed as event data");
    }
});

So clicking on "some-button" should trigger "custom_event" on "some-dom" and cause the anonymous function that I passed on the trigger to be executed. Right? But the browser says that callback is undefined in the custom event. Am I doing something wrong? Is passing anonymous functions as trigger arguments not allowed? Thanks

user113716 · Accepted Answer · 2011-06-17 21:28:31Z

7

You need to pass multiple extra arguments to trigger() as an Array. (One argument can be passed without the Array.)

$(some-dom).click(function() {      //  v-----pass extra args in an Array
    $(some-dom).trigger("custom_event", [some_data, function () {
        alert("this is my anonymous function passed as event data");
    }]);
 //  ^------Array
});

Example: http://jsfiddle.net/NRSJ2/

answered Jun 17, 2011 at 21:28

user113716

323k64 gold badges454 silver badges441 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jay Over a year ago

Right you are! How did I miss that! Thanks :)

Amogh Over a year ago

@Jayraj & @user113716 I am doing the same as shown in answer but I get error on console as NS_ERROR_XPC_SECURITY_MANAGER_VETO: alert("this is my anonymous function passed as event data"); Why? I only changed that I have used on instead of live to register custom event

Jay Over a year ago

It's impossible to say what's wrong without seeing some sample code. Maybe you could try creating a new question? Also, given that this answer is over 4 years old, it's possible that there have been API changes in jQuery.

Shef · Accepted Answer · 2011-06-17 21:33:43Z

0

You can do it like this:

$('#testelement').live("test_event", function(e, myCallback) {
    myCallback();
});

$('#clickme').click(function(e){
    e.preventDefault();

    var myFunc = function () {
        alert("this is my anonymous function passed as event data");
    };

    $('#testelement').trigger('test_event', [myFunc]);
});

Here is the proof of concept.

answered Jun 17, 2011 at 21:33

Shef

45.6k15 gold badges82 silver badges91 bronze badges

1 Comment

Jay Over a year ago

Well yes, using a named function would work too. I wanted to use an anonymous function for terseness but didn't realize I had to pass arguments in an array. Thanks. :)

Collectives™ on Stack Overflow

Passing anonymous function to custom event trigger in Javascript/jQuery

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related