jQueryで既存のJavaScript関数をバインドする

Question

jQueryの使用既存の関数をボタンにバインドします。私は、ドキュメントを進めてきたとバインド方法を発見したが、jQueryの上の例では、私はすでに、ハードコーディングされています機能をバインドすると、新しく作成された機能、例えばバインド：

function fHardCodedFunction(){ 
    //Do stuff 
} 

function fBindFunctionToElement(){ 
    $("#MyButton").bind("click", fHardCodedFunction()); 
} 

が可能これです？それとも私はこれについて間違った方法をとっていますか？

Answer 1

プレーンfHardCodedFunctionはすでに関数を参照しており、接尾辞()はこれを単に呼び出します。だから代わりにそれを呼び出すことにより、単に戻り値を渡す関数を渡す：

function fBindFunctionToElement(){ 
    $("#MyButton").bind("click", fHardCodedFunction); 
} 

Answer 2

はい、あなたがどこかに書かれたメソッドをバインドすることができますが、括弧を無視する必要があります。

function fHardCodedFunction(){ 
    //Do stuff 
} 

function fBindFunctionToElement(){ 
    $("#MyButton").bind("click", fHardCodedFunction); 
} 

Answer 3

借入から次のように他の記事は、あなたのイベントハンドラをパラメータ化することができます

function fHardCodedFunction(someValue) { 
    alert(this.id + " - " + someValue); 
} 


function fBindFunctionToElement() { 
    var someValue = "whatever"; 
    $("#MyButton").bind("click", 
     function() { 
     fHardCodedFunction.apply(this, [someValue]); 
     } 
); 
} 


$(document).ready 
(
    function() { 
    fBindFunctionToElement(); 
    } 
); 

を私はここに適用されます使用している機能fHardCodedFunctionに私がをたいと思いますので、 210プロパティを使用して、MyButton要素を参照します。また、applyは2番目のパラメータの配列を期待していることに注意してください。そのため、私はsomeValueを角かっこで囲みました。

この方法で行う必要はなく、好きな場合はこのthisのプロパティをすべて忘れることができます。