jQuery's .click - pase los parámetros a la función de usuario

Question

Estoy tratando de llamar a una función con parámetros usando jQuery's .click, pero no puedo hacer que funcione.

Así es como yo quiero que funcione:

$('.leadtoscore').click(add_event('shot'));

que llama a

function add_event(event) { 
    blah blah blah } 

Funciona si yo no uso parámetros, así:

$('.leadtoscore').click(add_event); 
function add_event() { 
    blah blah blah } 

Pero necesito poder pasar un parámetro a mi func add_event ción.

¿Cómo puedo hacer esto específico?

Sé que puedo usar .click(function() { blah }, pero llamo a la función add_event desde varios lugares y quiero hacerlo de esta manera.

Answer 1

por la minuciosidad, me encontré con otra solución que formaba parte de la funcionalidad introducida en la versión 1.4.3 del jQuery click event handler.

Se le permite pasar un mapa de datos al objeto de evento que automáticamente se realimenta a la función del controlador de eventos es jQuery como primer parámetro. El mapa de datos se entregará a la función .click() como primer parámetro, seguido de la función del controlador de eventos.

Aquí hay algo de código para ilustrar lo que quiero decir:

// say your selector and click handler looks something like this... 
$("some selector").click({param1: "Hello", param2: "World"}, cool_function); 

// in your function, just grab the event object and go crazy... 
function cool_function(event){ 
    alert(event.data.param1); 
    alert(event.data.param2); 
} 

Sé que es tarde en el juego para esta pregunta, pero las respuestas anteriores me llevó a esta solución, así que espero que ayude a alguien en algún momento!

Answer 2

Es necesario utilizar una función anónima como esto:

$('.leadtoscore').click(function() { 
    add_event('shot') 
}); 

se le puede llamar como que tiene en el ejemplo, sólo un nombre de función sin parámetros, así:

$('.leadtoscore').click(add_event); 

Pero el método add_event no obtendrá 'shot' como su parámetro, sino más bien lo que click pase a su devolución de llamada, que es el objeto event en sí ... así que no es ap plicable en este caso, pero funciona para muchos otros. Si necesita pasar parámetros, utilizar una función anónima ... o, hay una otra opción, utilice .bind() y pasar los datos, así:

$('.leadtoscore').bind('click', { param: 'shot' }, add_event); 

y acceder a ella en add_event, así:

function add_event(event) { 
    //event.data.param == "shot", use as needed 
} 

Answer 3

Si llama de la manera que lo tenías ...

$('.leadtoscore').click(add_event('shot')); 

... que tendría que tener add_event() ret urna una función, como ...

function add_event(param) { 
    return function() { 
       // your code that does something with param 
       alert(param); 
      }; 
} 

La función se devuelve y se utiliza como argumento para .click().

Answer 4

 $imgReload.data('self', $self); 
      $imgReload.click(function (e) { 
       var $p = $(this).data('self'); 
       $p._reloadTable(); 
      }); 

Conjunto javaScript objeto de elemento onclick:

$imgReload.data('self', $self); 

obtener el objeto de "este" elemento:

var $p = $(this).data('self'); 

Answer 5

Sí, esto es un antiguo puesto. De todos modos, alguien puede encontrarlo útil. Aquí hay otra forma de enviar parámetros a los manejadores de eventos.

//click handler 
function add_event(event, paramA, paramB) 
{ 
    //do something with your parameters 
    alert(paramA ? 'paramA:' + paramA : '' + paramB ? ' paramB:' + paramB : ''); 
} 

//bind handler to click event 
$('.leadtoscore').click(add_event); 
... 
//once you've processed some data and know your parameters, trigger a click event. 
//In this case, we will send 'myfirst' and 'mysecond' as parameters 
$('.leadtoscore').trigger('click', {'myfirst', 'mysecond'}); 

//or use variables 
var a = 'first', 
    b = 'second'; 

$('.leadtoscore').trigger('click', {a, b}); 
$('.leadtoscore').trigger('click', {a}); 

Answer 6

que tuvieron éxito en el uso .en(), así:

$('.leadtoscore').on('click', {event_type: 'shot'}, add_event); 

A continuación, dentro de la función add_event, tendrá acceso a 'tiro' de esta manera:

event.data.event_type 

Véase el .on() documentation para obtener más información, donde proporcionan el siguiente ejemplo:

function myHandler(event) { 
    alert(event.data.foo); 
} 
$("p").on("click", { foo: "bar" }, myHandler);