コンストラクタにjqueryハンドラを置くことはできますか？

Question

私はいくつかのオブジェクト指向のjavascriptを作ることができると私は見ていると私は次のコードを持っています。私は今、私は2つのこの変数を持っているので、私は混乱してなったコンストラクタに私のjQueryのイベントハンドラを移動するために行ってきました

...

は私が間違ってこれに近づいAMまたはそれを動作させるための方法はありますか？

function Dropdown(ddlname) { 
    this.Value = 0; 
    this.Selected = false; 
    this.DDL = ddlname; 
    this.Limited = false; 
    this.SelectLast = function() { 
     $(this.DDL + ' option:last').attr('selected', 'selected'); 
    } 
    $(ddlname).change(function() { 
     var v = $(this).val(); // <== ? 
     if (typeof v == 'number') { 
      this.Value = v; // <== ? 
      this.Selected = true; // <== ? 
     } 
    }); 
    return true; 
}; 

Answer 1

jqueryイベントハンドラ内から参照できるように、コンストラクタのコンテキストからthisをローカル変数に割り当てる必要があります。次のように私はマイクロソフトからDataJSチームのマルセロ・ルイスから学んだ

function Dropdown(ddlname) { 
    this.Value = 0; 
    this.Selected = false; 
    this.DDL = ddlname; 
    this.Limited = false; 
    var hold = this; 
    this.SelectLast = function() { 
     $(hold.DDL + ' option:last').attr('selected', 'selected'); 
    } 
    $(ddlname).change(function() { 
     var v = $(this).val(); // <== ? 
     if (typeof v == 'number') { 
      hold.Value = v; // <== ? 
      hold.Selected = true; // <== ? 
     } 
    }); 
    return true; 
}; 

Answer 2

はい、ドキュメントレディ機能でクラスを呼び出す必要があります。私はそれが悪い習慣だと確信しています。

$をコンストラクタに渡すか、jQuery拡張を作成することを検討してください。

Answer 3

1つのトリックがある：これはあなたを助けるでしょう

function Dropdown(ddlname) 
{  
    var that = this; 
    //rest of your code. now there is no confusion of this since you have that :) 
}; 

わからない場合。しかし、ちょうど私が学んだトリック。