Bagaimana untuk Meluluskan Parameter kepada Pengendali Acara .click jQuery?

Melalukan Parameter ke .click Pengendali Acara jQuery

acara .click() jQuery membolehkan anda melaksanakan fungsi apabila elemen diklik pada halaman web. Walaupun sintaks asas fungsi ini adalah mudah, terdapat keadaan di mana anda mungkin perlu menghantar parameter kepada fungsi yang anda ingin laksanakan.

Satu pendekatan untuk mencapai ini ialah menggunakan fungsi tanpa nama sebagai parameter kedua untuk .klik(). Walau bagaimanapun, jika anda perlu memanggil fungsi yang sama dari berbilang lokasi dengan parameter berbeza, kaedah ini boleh menjadi menyusahkan.

Untuk menghantar parameter dengan cekap kepada fungsi yang dinamakan, terdapat dua penyelesaian:

Pilihan 1: Menggunakan Data Peristiwa

Dalam jQuery versi 1.4.3 dan ke atas, anda boleh menggunakan ciri data acara untuk menghantar parameter kepada pengendali acara. Data peristiwa diambil secara automatik daripada parameter pertama objek peristiwa yang diserahkan kepada pengendali.

// Define your function
function add_event(event, parameter) {
    // Access parameter passed through event data
    console.log(parameter);
}

// Bind the event handler with event data
$('.leadtoscore').click({ parameter: 'shot' }, add_event);

Pilihan 2: Menggunakan Penutupan Fungsi

Pilihan lain ialah dengan gunakan penutupan fungsi. Dengan membalut fungsi add_event dalam penutupan yang menetapkan parameter yang diingini, anda boleh lulus parameter dengan berkesan apabila peristiwa .click() dicetuskan.

// Define a closure to assign the parameter
$('.leadtoscore').click(function() {
    add_event('shot');
});

// Define the function without parameters
function add_event(parameter) {
    console.log(parameter);
}

Kedua-dua kaedah membenarkan anda menghantar parameter kepada fungsi bernama apabila menggunakan pengendali acara .click() jQuery, memudahkan kod anda dan meningkatkan kebolehselenggaraan.

Atas ialah kandungan terperinci Bagaimana untuk Meluluskan Parameter kepada Pengendali Acara .click jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!