.click di jQuery - passa i parametri alla funzione utente

Sto cercando di chiamare una funzione con parametri usando .click di jQuery, ma non riesco a farlo funzionare.

Ecco come voglio che funzioni:

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

che chiama

function add_event(event) {
    blah blah blah }

Funziona se non uso parametri, come questo:

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

Ma devo essere in grado di passare un parametro alla mia add_eventfunzione.

Come posso fare questa cosa specifica?

So di poterlo utilizzare .click(function() { blah }, ma chiamo la add_eventfunzione da più punti e voglio farlo in questo modo.

Per completezza, mi sono imbattuto in un'altra soluzione che faceva parte della funzionalità introdotta nella versione 1.4.3 del gestore eventi click jQuery .

Consente di passare una mappa dati all'oggetto evento che viene automaticamente rimandato alla funzione del gestore eventi da jQuery come primo parametro. La mappa dei dati verrebbe consegnata alla .click()funzione come primo parametro, seguita dalla funzione del gestore eventi.

Ecco un po 'di codice per illustrare cosa intendo:

// 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);
}

So che è in ritardo nel gioco per questa domanda, ma le risposte precedenti mi hanno portato a questa soluzione, quindi spero che possa aiutare qualcuno prima o poi!

È necessario utilizzare una funzione anonima come questa:

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

Puoi chiamarlo come hai nell'esempio, solo un nome di funzione senza parametri, come questo:

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

Ma il add_eventmetodo non otterrà 'shot'come parametro, ma qualunque cosa clickpassi al suo callback, che è l' eventoggetto stesso ... quindi non è applicabile in questo caso , ma funziona per molti altri. Se hai bisogno di passare parametri, usa una funzione anonima ... o c'è un'altra opzione, usa .bind()e passa dati, come questo:

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

E accedervi in add_eventquesto modo:

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

Se lo chiami come l'hai avuto ...

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

... dovresti avere add_event()una funzione di ritorno, come ...

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

La funzione viene restituita e utilizzata come argomento per .click().

Ho avuto successo usando .on () in questo modo:

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

Quindi all'interno della add_eventfunzione puoi accedere a 'shot' in questo modo:

event.data.event_type

Vedere la documentazione .on () per ulteriori informazioni, dove forniscono il seguente esempio:

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

Sì, questo è un vecchio post. Indipendentemente da ciò, qualcuno potrebbe trovarlo utile. Ecco un altro modo per inviare parametri ai gestori di eventi.

//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});

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

Imposta l'oggetto javaScript sull'elemento onclick:

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

ottenere l'oggetto da "questo" elemento:

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

Ottengo la soluzione semplice:

 <button id="btn1" onclick="sendData(20)">ClickMe</button>

<script>
   var id; // global variable
   function sendData(valueId){
     id = valueId;
   }
   $("#btn1").click(function(){
        alert(id);
     });
</script>

La mia media è che passa l' onclickevento value aljavascript function sendData() , inizializza alla variabile e lo prende con il metodo del gestore eventi jquery.

Questo è possibile sin dall'inizio sendData(valueid) viene chiamato e inizializza il valore. Quindi dopo l'evento jquery viene eseguito e usa quel valore.

Questa è la soluzione semplice e per la soluzione For Detail vai qui .