Javascript Objects and jQuery

Question

I'm not sure what the best way to approach this is.

I have a control that I want to be able to open and persist some data or change it on the fly.

function TaskControl(params) {
    this.params = params;

    this.openTaskControl = function () {
        alert("openTaskControl");
    }

    $("#button").click(function () {
        this.openTaskControl();
    });
}

The problem I'm having is that trying to call openTaskControl throws an error because this apparently refers to the HTML element and not the TaskControl. How do I call this function from inside the click function?

Simen Echholt · Accepted Answer · 2010-08-06 20:23:17Z

4

function TaskControl(params) {
        this.params = params;
        var that = this;

        this.openTaskControl = function () {
                alert("openTaskControl");
        }

        $("#button").click(function () {
                that.openTaskControl();
        });
}

answered Aug 6, 2010 at 20:23

Simen Echholt

11.3k2 gold badges36 silver badges26 bronze badges

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

Comments

Scharrels · Accepted Answer · 2010-08-06 20:21:15Z

3

The inner scope will refer to a different this object. Use variables instead:

function TaskControl(params) {
    var paramsSave = params;

    var openTaskControl = function () {
        alert("openTaskControl");
    }

    $("#button").click(function () {
        openTaskControl();
    });
}

answered Aug 6, 2010 at 20:21

Scharrels

3,06526 silver badges31 bronze badges

Comments

KP. · Accepted Answer · 2010-08-06 20:23:28Z

2

Here is a good discussion on how to use the this keyword in javascript: http://www.quirksmode.org/js/this.html

edited Aug 6, 2010 at 20:23

KP.

13.8k3 gold badges42 silver badges60 bronze badges

answered Aug 6, 2010 at 20:22

sgriffinusa

4,2211 gold badge27 silver badges27 bronze badges

Collectives™ on Stack Overflow

Javascript Objects and jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related