Bagaimana untuk Lulus Parameter untuk Mengklik Pengendali Acara Menggunakan jQuery?

Melalui Parameter untuk Mengklik Pengendali Acara dengan jQuery

Apabila bekerja dengan jQuery, anda mungkin menghadapi keperluan untuk menghantar parameter kepada fungsi dalam klik pengendali acara. Ini amat berguna apabila anda perlu menggunakan semula fungsi dan lulus parameter berbeza setiap kali ia dipanggil.

Pada mulanya, nampaknya .click() jQuery tidak membenarkan penghantaran parameter, seperti contoh berikut menunjukkan percubaan yang tidak berjaya:

<code class="js">$('.leadtoscore').click(add_event('shot'));

function add_event(event) {
    // Function logic
}</code>

Nasib baik, terdapat penyelesaian yang mudah untuk masalah ini. Anda boleh menghantar parameter dengan mudah kepada pengendali acara klik dengan menggunakan kaedah .data(), yang membolehkan anda mengaitkan data dengan elemen HTML anda. Begini cara untuk mencapainya:

<code class="js">$('.leadtoscore').data('parameter', 'shot').click(add_event);

function add_event(event) {
    const parameter = $(event.target).data('parameter');
    // Function logic using 'parameter'
}</code>

Pendekatan ini melibatkan penetapan atribut data pada elemen HTML yang sepadan dan kemudian mengaksesnya dalam pengendali acara klik menggunakan sintaks event.target.data('parameter').

Sebagai alternatif, jQuery versi 1.4.3 dan ke atas memperkenalkan cara yang lebih ringkas untuk menghantar data kepada pengendali acara. Anda boleh terus menghantar objek parameter sebagai argumen pertama kepada .click(), seperti ini:

<code class="js">$('.leadtoscore').click({ parameter: 'shot' }, add_event);

function add_event(event) {
    const parameter = event.data.parameter;
    // Function logic using 'parameter'
}</code>

Dengan salah satu kaedah ini, anda akan dapat menghantar parameter kepada pengendali acara klik anda dan gunakan semula mereka merentas berbilang acara.

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