example - Enlace de una función de JavaScript existente en jQuery

jquery datepicker events

Question

Usando jQuery quiero enlazar una función existente a un botón. He revisado la documentación y he encontrado el método de enlace, pero los ejemplos en jQuery enlazan funciones recién creadas donde, como quiero vincular una función que ya está codificada, por ejemplo:

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

es posible? ¿O voy por esto de la manera incorrecta?

Answer 1

Al tomar prestado de las otras publicaciones, puede parametrizar su controlador de eventos de la siguiente manera:

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

Estoy usando aplicar aquí porque en la función fHardCodedFunction me gustaría que this propiedad se refiera al elemento MyButton . Tenga en cuenta también que apply espera una matriz para el segundo parámetro, razón por la cual he ajustado algunos someValue entre paréntesis

No tiene que hacerlo de esta manera y puede olvidarse de this propiedad si lo prefiere.

Answer 2

El plano fHardCodedFunction ya se refiere a la función y el sufijo () simplemente lo llamará. Así que simplemente pase la función en lugar de llamarla y, por lo tanto, simplemente pase el valor de retorno:

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

Answer 3

Sí, puedes vincular métodos que están escritos en otro lugar, pero debes ignorar los paréntesis:

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