Mengapakah Menggunakan Kaedah append() jQuery Kadangkala Menghalang Peristiwa Onload daripada Membakar Skrip?

Memuatkan Skrip Secara Berurutan dengan Acara Onload

Apabila cuba memuatkan skrip dalam susunan tertentu, adalah penting untuk memastikan acara onload dicetuskan seperti yang dijangka. Walau bagaimanapun, menggunakan kaedah append() jQuery untuk menambah elemen skrip pada DOM kadangkala boleh menghalang acara onload daripada menyala.

Penyelesaian:

Untuk menyelesaikan isu ini, ia adalah perlu untuk membuat dua pelarasan:

1. Tetapkan atribut src selepas acara onload: Berikan atribut src kepada elemen skrip selepas melampirkan acara onload. Ini menjamin bahawa skrip tidak akan cuba dimuatkan sebelum acara ditetapkan.

el.onload = function() {
   el.src = script;
};

2. Tambahkan skrip pada DOM sebelum acara onload: Tambahkan elemen skrip pada DOM sebelum melampirkan acara onload. Ini memastikan bahawa elemen skrip sudah berada dalam DOM apabila acara onload dicetuskan.

$body.append(el);
el.onload = function() {
   el.src = script;
};

Pertimbangan Tambahan:

• Untuk optimum sokongan silang pelayar, semak keadaan sedia untuk keserasian IE.
• Sebagai alternatif, jQuery menyediakan kaedah getScript(), yang memudahkan proses memuatkan dan melaksanakan skrip.

Atas ialah kandungan terperinci Mengapakah Menggunakan Kaedah append() jQuery Kadangkala Menghalang Peristiwa Onload daripada Membakar Skrip?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!