Almacenamiento de una función con datos jQuery() Método

Question

El jQuery .data() documentation dice lo siguiente:

The .data() method allows us to attach data of any type to DOM element 

I asumen "cualquier tipo" se refiere a funciones. Decir que tengo un div con el ID foo como tal:

<div id="foo">Foo!</div> 

y me gustaría para almacenar una función, que se llama say que toma un parámetro. De acuerdo con la documentación que me almaceno la función de esta manera:

$("#foo").data("say", function(message){ 
    alert("Foo says "+message); 
}); 

Mi pregunta es, ¿cómo invocar la función con un parámetro cuando deseo de hacerlo.

$("#foo").data("say"); debería devolver la función, pero ¿cómo le pasaría un parámetro?

Gracias!

Answer 1

var myFunction = $("#foo").data("say"); 
myFunction(someParameter); 

Answer 2

Una mejor alternativa para almacenar funciones en data está usando eventos personalizados. Esto se puede hacer fácilmente con on y trigger:

$('#foo').on('say', function(e, arg){ 
    alert('Foo says ' + arg); 
}); 

$('#foo').trigger('say', 'hello'); 

Ejemplo: http://jsfiddle.net/tW66j/

Nota: en versiones anteriores de jQuery (hasta 1,7), .bind se utilizó en lugar de .on.

Answer 3

Aquí hay una forma más elegante de llamar al método.

// store the method with data 
$('#foo').data('bar',function(){console.log("Givin it the business!")}); 

// Simple execution (this will not keep the method in scope) 
$('#foo').data('bar')(); 

// scoped method execution with call([scope,arguments[]]), takes arguments with comma separation 
$('#foo').data('bar').call($('#foo').first()[0],'arguemnts','for','method'); 

// scoped method execution with apply(scope[,argument[]]), takes an array of arguments 
$('#foo').data('bar').apply($('#foo').first()[0],['arguemnts','for','method']); 

Aplicar Método: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/apply

llamada de método: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call