jQuery - adding dynamic data to a event binding

Question

I have an event binding that looks like this:

$('#form').on('submit', { callback : Obj.method }, FunctionName);

The binding runs on page load, however, at that time Obj.method is not defined -- I had thought that it used whatever the current value of Obj.method was, but it apparently uses whatever value it has at the time it runs.

Is there a way to have the data determined at the time the event handler fires? My guess at this point is no ... but people here seem to know a lot more then I do.

Paolo Bergantino · Accepted Answer · 2012-03-22 21:04:25Z

2

Just wrap the callback with a function and it won't be run until the callback fires.

$('#form').on('submit', {
    callback : function() {
        Obj.method();
    } 
}, FunctionName);

answered Mar 22, 2012 at 21:04

Paolo Bergantino

490k83 gold badges523 silver badges437 bronze badges

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

2 Comments

jfriend00 Over a year ago

It seems that there is little point in using the data argument to the .on() function if you just want the data evaluated at the time of the event. So, if the OP wants the value of Obj.method() at the time of the event, then why pass the data argument like you're doing? It doesn't buy you anything at all. All it accomplishes is to put something into event.data that you can reach normally without putting it there. Isn't it more straight forward to just call Obj.method() directly from your event handler?

Paolo Bergantino Over a year ago

@jfriend00 I don't presume to know what the OP is trying to do, I'm just answering his question. I agree it makes little sense.

jfriend00 · Accepted Answer · 2012-03-22 21:05:44Z

1

If it's a variable that exists at the time the event handler fires and you want it evaluated then, you can just reference it directly from the handler function:

$('#form').on('submit', function(e) {
    FunctionName(Obj.method);
});

or, if you just want it called directly:

$('#form').on('submit', function(e) {
    Obj.method();
});

answered Mar 22, 2012 at 21:05

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Collectives™ on Stack Overflow

jQuery - adding dynamic data to a event binding

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related