Bagaimanakah Saya Boleh Memuatkan dan Memohon CSS Secara Dinamik Menggunakan jQuery?

Memuatkan dan Menggunakan CSS Secara Dinamik Menggunakan jQuery

Anda mempunyai kawalan Ajax yang dimuatkan secara dinamik ke dalam pop timbul Yahoo, dan ia memerlukan CSS sendiri untuk rendering yang betul. Walau bagaimanapun, anda menghadapi isu di mana CSS tidak dinilai apabila ditambahkan pada DOM menggunakan permintaan .get yang mudah.

CSS Sebaris lwn. CSS Luaran

Anda mempunyai pilihan untuk menyelaraskan CSS atau menggunakan helaian gaya CSS luaran. Kedua-dua kaedah boleh dimuatkan secara dinamik dengan jQuery.

Memuatkan CSS Sebaris

Untuk CSS sebaris, anda boleh mencipta elemen dan tambahkannya pada daripada dokumen:

$.get(cssUrl, function(css) {
  $('<style type="text/css"></style>').html(css).appendTo("head");
});

Memuatkan CSS Luaran

Untuk memuatkan helaian gaya CSS luaran, anda boleh mencipta elemen dan tambahkannya pada :

$('<link rel="stylesheet" type="text/css" href="'+cssUrl+'">').appendTo("head");

Memuatkan CSS Menggunakan @Import

Sebagai alternatif, anda boleh menggunakan peraturan @import untuk memuatkan CSS stylesheet:

// Using a dynamically-created <style> element
$('<style type="text/css"></style>').html('@import url("'+cssUrl+'")').appendTo("head");

// Or, using a <style> element with inline @import rule
$('<style type="text/css">@import url("'+cssUrl+'")</style>').appendTo("head");

Dengan menggunakan mana-mana kaedah ini, anda boleh memuatkan dan menggunakan CSS secara dinamik ke DOM, memastikan kandungan Ajax anda mempunyai penggayaan yang sesuai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memuatkan dan Memohon CSS Secara Dinamik Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!