は、私は次のコードを持っているのコンストラクタ

にjQueryオブジェクトにリスナーを追加：ダウン機能のthis.ctxにしかしは、私は次のコードを持っているのコンストラクタ

<body> 
    <canvas id="canvas" height="300" width="300" style="border:1px solid" /> 
</body> 

<script> 
    function maze(canvas){ 
     this.ctx = canvas[0].getContext("2d"); 
     canvas.mousedown(down); 
    } 

    function down(e){ 
     alert(this.ctx); 
    }  
$(document).ready(function(e){ 
    var m = new maze($('#canvas')) 
}); 
</script>

は未定義である、任意のアイデアなぜですか？（はい、jQuery 1.6.2をインポートしています）

出典

2011-08-03 Aly

ここでcanvasはjqueryオブジェクトを指しており、thisはmazeインスタンスを指します。だからこれを試してください

function maze(canvas){ 
     canvas.data("ctx", canvas[0].getContext("2d")); 
     canvas.mousedown(down); 
    } 

    function down(e){ 
     alert($(this).data("ctx")); 
    }  
$(document).ready(function(e){ 
    var m = new maze($('#canvas')) 
});

出典

2011-08-03 21:43:29 ShankarSangoli

更新された質問がこれを修正しましたが、まだthis.ctxの値を格納していません。 – Aly

これは$（this）オブジェクトではなく、キャンバスのjqueryオブジェクトにデータを追加しますか？ – Aly

これは 'canvas' jqueryオブジェクトに追加されますが、' $（this） 'は' down'メソッドの同じキャンバスオブジェクトを指します。 – ShankarSangoli

は、私は次のコードを持っているのコンストラクタ

答えて

関連する問題