jcuery's .click - передає параметри функції користувача

Я намагаюся викликати функцію з параметрами за допомогою .click jQuery, але я не можу змусити її працювати.

Ось як я хочу, щоб це працювало:

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

який дзвонить

function add_event(event) {
    blah blah blah }

Він працює, якщо я не використовую параметри, наприклад:

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

Але мені потрібно вміти передавати параметр моїй add_eventфункції.

Як я можу зробити цю конкретну річ?

Я знаю, що можу використовувати .click(function() { blah }, але я дзвоню add_eventфункцію з декількох місць і хочу це зробити так.

Для ґрунтовності я натрапив на інше рішення, яке було частиною функціоналу, представленого у версії 1.4.3 обробника подій jQuery click.

Це дозволяє передавати карту даних об'єкту події, який автоматично повертається до функції обробника подій jQuery як першого параметра. Карта даних буде передана .click()функції як перший параметр, після чого функція обробника подій.

Ось код, який пояснює, що я маю на увазі:

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

Я знаю, що пізно в грі на це питання, але попередні відповіді привели мене до цього рішення, тому я сподіваюся, що він комусь допоможе!

Вам потрібно використовувати анонімну функцію на зразок цієї:

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

Ви можете назвати його як у прикладі, просто ім'я функції без параметрів, наприклад:

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

Але add_eventметод не отримає 'shot'як його параметр, а скоріше те, що clickпереходить до його зворотного виклику, який є самим eventоб'єктом ... тому він не застосовується в цьому випадку , але працює для багатьох інших. Якщо вам потрібно передати параметри, використовувати анонімну функцію ... або, є один інший варіант, використовувати .bind()і передавати дані, як це:

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

І отримати доступ до нього add_event, як це:

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

Якщо ви називаєте це так, як у вас це було ...

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

... вам потрібно мати add_event()функцію повернення, наприклад ...

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

Функція повертається і використовується як аргумент для .click().

Я мав успіх у використанні .on () так:

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

Тоді всередині add_eventфункції ви отримуєте доступ до "shot" таким чином:

event.data.event_type

Докладнішу інформацію див . У документації .on () , де вони наведено наступний приклад:

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

Так, це стара публікація. Незважаючи на те, хтось може вважати це корисним. Ось ще один спосіб надсилання параметрів обробникам подій.

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

Встановіть об'єкт javaScript на елемент onclick:

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

отримати об’єкт від елемента "цей":

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

Я отримую просте рішення:

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

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

Я маю на увазі те, що передайте onclickподію значення в javascript function sendData(), ініціалізуйте до змінної і перейміть її методом обробника подій jquery.

Це можливо, оскільки спочатку sendData(valueid)викликається і ініціалізується значення. Потім після події jquery виконайте виконання і використовуйте це значення.

Це пряме рішення вперед і для детального рішення перейдіть сюди .