jQueryのイメージ変数セレクタ

Question

これを行うための正しい構文。

Answer 1

あなたはそれが簡単にimgノードではなくImageオブジェクト自体で動作するように見つけることがありますだ画像にクリックイベントをバインドしようとしているようなあなたのコメントに基づいて

var image = $('<img src="' + src + '" />'); 
image.click(function(){ 
    // do something awesome 
}); 

、それが聞こえますキャンバスに転送されます。その場合、キャンバス上でクリックイベントをバインドし、マウス座標を転送した画像の座標と寸法と照合することが最善の方法です。

Answer 2

var image = $('img[src="'+ src +'"]'); 

$(image).click(function() { 
    // stuff 
}); 

OR

var image = new Image();  
image.src=src; 
$(image).click(function() { 
// stuff 
}); 

後で次のようにDOMに画像を描画する場合は、ライブイベントをも試すことができます。

var image = new Image();  
image.src=src; 
$('body').on('click', image, function() { 
    // stuff 
});