Associazione di una funzione JavaScript esistente in jQuery

Question

Uso di jQuery Desidero collegare una funzione esistente a un pulsante. Sono stato attraverso la documentazione e hanno trovato il metodo bind ma gli esempi sul jQuery legare funzioni di nuova creazione dove, come mi desidera associare una funzione che è già codificato duro, ad esempio:

function fHardCodedFunction(){ 
    //Do stuff 
} 

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

Questo è possibile ? O sto andando su questo nel modo sbagliato?

Answer 1

Il codice fHardCodedFunction fa già riferimento alla funzione e il suffisso () lo chiamerà semplicemente. Quindi, basta passare la funzione invece di chiamarla e quindi solo di passaggio il valore di ritorno:

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

Answer 2

Sì è possibile associare i metodi che scritti da qualche altra parte, ma si dovrebbe ignorare le parentesi:

function fHardCodedFunction(){ 
    //Do stuff 
} 

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

Answer 3

Prendendo in prestito da gli altri posti, è possibile parametrizzare il gestore di eventi come segue:

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


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


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

sto usando applicare qui perché nella funzione fHardCodedFunction mi piacerebbe il this proprietà per fare riferimento all'elemento MyButton. Nota anche che apply si aspetta un array per il secondo parametro, ed è per questo che ho racchiuso tra parentesi lo someValue.

Non devi farlo in questo modo e puoi dimenticarti del tutto di questa proprietà this se preferisci.