Mengapa Pemuatan CSS Dinamik Tidak Berfungsi dalam IE, dan Bagaimana Saya Boleh Membetulkannya?

Memuatkan Lembaran Gaya CSS Secara Dinamik Tidak Disokong dalam IE

Dalam senario ini, pemuatan dinamik lembaran gaya CSS dicuba menggunakan jQuery. Teknik ini berjaya dalam Firefox dan Google Chrome, namun, ia gagal dalam IE.

Penyelesaian

Dalam IE, apabila semua gaya yang dimuatkan dengan halaman telah diproses , satu-satunya kaedah yang boleh dipercayai untuk memperkenalkan lembaran gaya tambahan ialah melalui document.createStyleSheet(url). Maklumat tambahan tentang pendekatan ini tersedia dalam artikel MSDN pada createStyleSheet.

Berikut ialah kod yang disemak yang menggabungkan penyelesaian:

url = 'style.css';
if (document.createStyleSheet)
{
    document.createStyleSheet(url);
}
else
{
    $('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head'); 
}

Pendekatan ini memastikan keserasian dengan IE sambil mengekalkan kefungsian dalam penyemak imbas lain.

Atas ialah kandungan terperinci Mengapa Pemuatan CSS Dinamik Tidak Berfungsi dalam IE, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!