JQuery adding object function using .on()

Question

I'm trying to add an object's function to a button that is created when some conditions are met. Does it matter if I have the var I'm trying to change outside document.ready?

var myvar = 1;
$(document).ready(function(){
 var myobj = {
  changeMyVar: function(){ myvar++;}
 }
...
/* button id='my-button' is created in a div id='mydiv' */
...
 $('#mydiv').on('click', '#my-button', myobj.changeMyVar);
});

No function is attached to the button and no error is thrown. In fact, console.log(myobj.changeMyVar) returns undefined. What am I missing here?

Edit: I lied about no errors, I get a 'undefined is not a function' on the .on() line.

Thanks!

Edit2: After further analysis, I discovered a silly type-o in my original code. Thanks for the answers!

Your Code should work. jsfiddle.net/3x5angew

Satpal
– Satpal

2014-12-02 07:38:43 +00:00
Commented Dec 2, 2014 at 7:38 — Satpal
– Satpal, Commented Dec 2, 2014 at 7:38

ArinCool · Accepted Answer · 2014-12-02 07:39:48Z

1

I tried replicating your issue in a fiddle, but it worked.

Try this out http://jsfiddle.net/7fjk3wxs/1/

This is what I used:

var myvar = 1;
$(document).ready(function(){
 var myobj = {
  changeMyVar: function(){ 
      myvar++;
      alert(myvar);
  }
 };


 $('#mydiv').on('click', '#my-button', myobj.changeMyVar);
});

answered Dec 2, 2014 at 7:39

ArinCool

1,7581 gold badge13 silver badges24 bronze badges

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

Comments

Ativ · Accepted Answer · 2014-12-02 07:41:08Z

0

After further analysis, I discovered a silly type-o in my original code. Thanks for the answers!

answered Dec 2, 2014 at 7:41

Ativ

4292 silver badges14 bronze badges

Collectives™ on Stack Overflow

JQuery adding object function using .on()

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related