Bagaimana Saya Memindahkan Kod jQuery 1.8 .live() Saya kepada Kaedah jQuery 2.1 .on()?

Berpindah daripada jQuery 1.8 .live() kepada 2.1

jQuery 1.9 memperkenalkan perubahan ketara pada pengendalian acara, termasuk penyingkiran kaedah .live(). Panduan ini menerangkan perubahan dan memberikan contoh cara untuk memindahkan kod anda daripada .live() kepada sintaks .on() baharu.

Memahami .live() Removal

jQuery 1.9 dialih keluar .live() disebabkan oleh had prestasi dan kecekapannya. .live() mengikat acara kepada elemen DOM masa hadapan, walaupun ia belum wujud lagi. Ini boleh membawa kepada pendengar acara dan isu prestasi yang tidak diperlukan.

Berpindah ke .on()

Penggantian yang disyorkan untuk .live() ialah .on( ). Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa .on() mempunyai parameter yang berbeza.

Sintaks .live() Asal:

.live(events, function)

Baharu .on( ) Sintaks:

.on(eventType, selector, function)

Migrasi Contoh 1: Mengikat kepada Elemen Kanak-kanak

Sebelum (menggunakan .live()):

$('#mainmenu a').live('click', function)

Selepas (menggunakan .on()):

$('#mainmenu').on('click', 'a', function)

Dalam contoh ini, elemen anak (a) dialihkan ke pemilih .on().

Contoh Migrasi 2: Mengikat kepada Elemen Induk

Sebelumnya (menggunakan .live()):

$('.myButton').live('click', function)

Selepas (menggunakan .on()):

$('#parentElement').on('click', '.myButton', function)

Dalam contoh ini, elemen .myButton dialihkan ke pemilih .on() dan elemen induk terdekat (sebaik-baiknya dengan ID) digunakan. Sebagai alternatif, anda boleh menggunakan $(document) sebagai elemen induk.

Petua Migrasi Tambahan

• Jangan hanya gantikan .live() dengan . on() tanpa mengambil kira perubahan parameter.
• Pastikan bahawa pemilih (anak) adalah dinyatakan dalam .on() jika perlu.
• Tetapkan pemilih kepada null jika tidak diperlukan.

Untuk mendapatkan maklumat lanjut, rujuk dokumentasi jQuery rasmi dan panduan migrasi.

Atas ialah kandungan terperinci Bagaimana Saya Memindahkan Kod jQuery 1.8 .live() Saya kepada Kaedah jQuery 2.1 .on()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!