jQuery ' s.click - przekaż parametry do funkcji użytkownika

Musisz użyć funkcji anonimowej, takiej jak ta:

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

Możesz wywołać ją tak, jak w przykładzie, po prostu nazwę funkcji BEZ parametrów, jak to:

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

Ale metoda add_event nie otrzyma 'shot' jako parametru, ale cokolwiek click przejdzie do wywołania zwrotnego, czyli obiektu event itself...so Nie dotyczy w tym przypadku , ale działa dla wielu innych. Jeśli chcesz przekazać parametry, użyj funkcji anonimowej...albo jest jedna Inna opcja, Użyj .bind() i przekazać dane, Tak:

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

I dostęp do niego w add_event, Tak:

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

Jeśli tak to nazwiesz...

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

...musisz mieć add_event() return a function, like...

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

Funkcja jest zwracana i używana jako argument dla .click().

Udało mi się użyć .on () like so:

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

Następnie wewnątrz funkcji add_event uzyskujesz dostęp do' shot ' w następujący sposób:

event.data.event_type

Zobacz .w dokumentacji () aby uzyskać więcej informacji, podajemy następujący przykład:

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

Tak, to jest stary post. Niezależnie od tego, ktoś może uznać to za przydatne. Oto inny sposób wysyłania parametrów do programów obsługi zdarzeń.

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

Ustaw obiekt javaScript na element onclick:

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

Get Object from "this" element:

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

Dostaję proste rozwiązanie:

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

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

Chodzi mi o to, że przekazuję wartość onclick event do javascript function sendData(), inicjalizuję zmienną i odbieram ją metodą obsługi zdarzeń jQuery.

Jest to możliwe, ponieważ na początku sendData(valueid) zostanie wywołana i zainicjalizowana wartość. Następnie po zdarzeniu jQuery get jest wykonywany i używa tej wartości.

Jest to rozwiązanie proste, a dla rozwiązania szczegółowego przejdź tutaj .