jquery click handler and Oriented object programming

Question

I have a method in a class and into this method i have a handler for a click event in a div element:

function MyClass(container)
{
   this.Container=container;
   this.PrepareHandlers = function()
    {

        $('#Div1').click(function() {
            alert(this.Container);
        });
    }; 
}

But since im into the handler, "this" is the clicked element. Is possible to access to a property of an object from a handler declared inside a method?

I.devries · Accepted Answer · 2010-09-20 15:28:23Z

4

function MyClass(container)
{
   var self = this;
   this.Container=container;
   this.PrepareHandlers = function()
    {

        $('#Div1').click(function() {
            alert(self.Container);
        });
    }; 
}

answered Sep 20, 2010 at 15:28

I.devries

8,9461 gold badge31 silver badges29 bronze badges

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

Comments

jebberwocky · Accepted Answer · 2010-09-20 15:37:30Z

0

Correct me if i am wrong. "this" should refer to the function(){..} in click?

answered Sep 20, 2010 at 15:37

jebberwocky

1,0873 gold badges11 silver badges24 bronze badges

1 Comment

josh3736 Over a year ago

jQuery uses Function.apply() ( read more ) to change the meaning of this within the context of the event handler function. In a jQuery event handler, this refers the DOM node that triggered the event.

jonathanatx · Accepted Answer · 2010-09-20 15:48:56Z

0

You also might want to try jQuery 1.4's proxy method: http://api.jquery.com/jQuery.proxy/

function MyClass(container)
{
  this.Container=container;
  this.PrepareHandlers = function()
    {
      $('#Div1').click(function() {
        alert(jQuery.proxy(MyClass.Container, MyClass));
      });
    }
}

answered Sep 20, 2010 at 15:48

jonathanatx

1,6133 gold badges13 silver badges13 bronze badges

Collectives™ on Stack Overflow

jquery click handler and Oriented object programming

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related