如何在jQuery语句中使用Javascript构造函数方法?

时间:2015-11-20 16:05:34

标签: javascript jquery

我无法弄清楚如何在jQuery .click方法中使用Javascript构造函数方法。我正在尝试让按钮的功能根据构造函数动态更改。这是设置:

<button onclick="">
</button>

需要调用一个根据另一个按钮更改的方法。以下是我的破码:

    function GloveMode (name , array) {

        this.colorArray = array;

        this.displaySettings = function(){

            //Title
            $("#displayTitle").text(this.name);
            //Display Color Set
            $("#displayColors").empty();


            //Totally Broken
            $("#upArrow").click( function(){

                addColor();

            }); 

        };

        this.addColor = function(){

            console.log(this.colorArray.length);

        };
    };

我无法弄清楚如何获取$(“#upArrow”)。click()正确调用this.colorArray,或者如何在.click()方法中调用this.addColor()!请帮忙。

1 个答案:

答案 0 :(得分:4)

你的问题是&#34;这个&#34;意味着每个功能体中的不同。所以保存想要的&#34;这个&#34;变量例如&#34;自&#34;并使用它。

function GloveMode (name , array) 
{
    var self = this;
    this.colorArray = array;
    this.displaySettings = function()
    {
      //Title
      $("#displayTitle").text(this.name);
      //Display Color Set

      $("#displayColors").empty();

      //Totally Broken
      $("#upArrow").click( function()
      {
         self.addColor();
      }); 

    };

    this.addColor = function()
    {
       console.log(self.colorArray.length);
    };
};