.click jQuery - przekazuje parametry do funkcji użytkownika

Próbuję wywołać funkcję z parametrami za pomocą .click jQuery, ale nie mogę jej uruchomić.

Oto jak chcę, żeby to działało:

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

który wzywa

function add_event(event) {
    blah blah blah }

Działa, jeśli nie używam parametrów, takich jak to:

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

Ale muszę być w stanie przekazać parametr do mojej add_eventfunkcji.

Jak mogę to zrobić?

Wiem, że mogę korzystać .click(function() { blah }, ale wywołuję tę add_eventfunkcję z wielu miejsc i chcę to zrobić w ten sposób.

Dla dokładności natknąłem się na inne rozwiązanie, które było częścią funkcjonalności wprowadzonej w wersji 1.4.3 procedury obsługi zdarzeń kliknięcia jQuery .

Pozwala przekazać mapę danych do obiektu zdarzenia, który jest automatycznie przekazywany do funkcji obsługi zdarzeń przez jQuery jako pierwszy parametr. Mapa danych byłaby przekazywana do .click()funkcji jako pierwszy parametr, a następnie funkcja obsługi zdarzeń.

Oto kod ilustrujący to, co mam na myśli:

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

Wiem, że na to pytanie jest późno w grze, ale poprzednie odpowiedzi doprowadziły mnie do tego rozwiązania, więc mam nadzieję, że kiedyś komuś to pomoże!

Musisz użyć takiej anonimowej funkcji:

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

Możesz to nazwać tak, jak w przykładzie, po prostu nazwę funkcji bez parametrów, jak poniżej:

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

Ale add_eventmetoda nie otrzyma 'shot'tego, co jest parametrem, a raczej cokolwiek clickprzejdzie do jej wywołania zwrotnego, które jest samym eventobiektem ... więc nie ma zastosowania w tym przypadku , ale działa dla wielu innych. Jeśli potrzebujesz przekazać parametry, należy anonimową funkcję ... czy istnieje jedna inna opcja, wykorzystywanie .bind()i przekazywanie danych, jak poniżej:

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

I uzyskaj do niego dostęp w add_eventnastępujący sposób:

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

Jeśli nazwiesz to tak, jak to miałeś ...

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

... musisz add_event()zwrócić funkcję, na przykład ...

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().

Miałem sukces używając .on () tak:

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

Następnie wewnątrz add_eventfunkcji masz dostęp do „strzału” w następujący sposób:

event.data.event_type

Aby uzyskać więcej informacji, zobacz dokumentację .on () , podając 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 procedur 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);

pobierz Obiekt z „tego” elementu:

 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>

Mam na myśli to, że przekazujemy onclickzdarzenie value do javascript function sendData(), inicjalizujemy zmienną i bierzemy ją za pomocą metody obsługi zdarzeń jquery.

Jest to możliwe, ponieważ najpierw sendData(valueid)zostaje wywołana i zainicjowana wartość. Następnie po wykonaniu zdarzenia jquery zostanie wykonane i użyje tej wartości.

Jest to proste rozwiązanie, a szczegółowe informacje można znaleźć tutaj .