Mengapa .live() jQuery tidak berfungsi Selepas Menaik taraf kepada Versi 2.1 dan Bagaimana Saya Boleh Membetulkannya?

jQuery .live() Penamatan

Masalah:

Selepas menaik taraf jQuery kepada versi 2.1, fungsi .live() telah berhenti berfungsi, mengakibatkan ralat "TypeError: $(...).live is not a function".

Punca:

Kaedah .live() telah ditamatkan dalam jQuery versi 1.9 dan kemudiannya dialih keluar dalam versi 2.1 kerana prestasi dan seni bina kebimbangan.

Penyelesaian: Migrasi ke .on()

Untuk menggantikan fungsi .live(), jQuery mengesyorkan berhijrah ke kaedah .on(). Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa sintaks untuk .on() berbeza daripada .live().

Panduan Migrasi:

1. Ganti secara langsung acara dengan jenis acara bernama: .live('klik', fungsi) menjadi .on('klik', pemilih, fungsi).
2. Pindahkan pemilih anak ke pemilih .on(): .live('.myElement', function) menjadi .on('click', '.myElement', fungsi).
3. Pastikan elemen sasaran berada dalam ibu bapa perwakilan: Pilih elemen ibu bapa yang sesuai untuk kanak-kanak pemilih, sebaik-baiknya dengan ID. Jika tiada yang tersedia, gunakan $(dokumen) sebagai ibu bapa perwakilan.

Contoh Migrasi:

Contoh 1:

Before: $('#mainmenu a').live('click', function)
After: $('#mainmenu').on('click', 'a', function)

Contoh 2:

Before: $('.myButton').live('click', function)
After: $('#parentElement').on('click', '.myButton', function) or $(document).on('click', '.myButton', function) if no suitable parent is known

Sumber Tambahan:

• jQuery - cara menggunakan kaedah “on()” dan bukannya “live() ??
• Panduan Migrasi jQuery 1.9

Atas ialah kandungan terperinci Mengapa .live() jQuery tidak berfungsi Selepas Menaik taraf kepada Versi 2.1 dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!