jQuery 'this' scope in event handler

Question

I am unable to access parent object with in the event handler of the object!

I am creating a widget:

(function( $ ) {

  $.widget('cs.window',{

     _create:function(){
       var me = this;
       this.append('<div class="close">X</div>');
       var close = this.element.find('.close');
       close.bind('click',function(){
        alert($(this));// this is referring event handler here
                       //but how to access `me` object here
        me.element.hide();//I want to achieve this, about but its saying me is undefined
      });
     }
  });

}(jQuery));

How to use me object in the click event handler?

If you look at jquery click you'll see some great examples: api.jquery.com/click — drew_w
– drew_w, Commented Apr 16, 2014 at 12:39
@RamaRaoM log the value of this and of me when inside _create and see what you get. It may be that this is undefined there (can happen depending on how the function is ultimately invoked) — Paul S.
– Paul S., Commented Apr 16, 2014 at 12:44
@RamaRaoM: me should not be undefined in the above, not if this wasn't undefined when _create was called (which probably wasn't the case, or you'd've seen a different error, during _create). — T.J. Crowder
– T.J. Crowder, Commented Apr 16, 2014 at 12:44
@PaulS. No,this is not undefined out of the event.Its referring current widget object. — Rama Rao M
– Rama Rao M, Commented Apr 16, 2014 at 12:46

vdavid · Accepted Answer · 2014-04-16 12:48:04Z

1

If you bind a function with this._on then the this inside the callback is the widget itself. Try:

this._on(close, {
    click: function(){ this.element.hide(); }
});

answered Apr 16, 2014 at 12:48

vdavid

2,6441 gold badge16 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

jQuery 'this' scope in event handler

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related