Warum funktioniert das dynamische Laden von CSS im IE nicht und wie kann ich das Problem beheben?

Dynamisches Laden eines CSS-Stylesheets wird im IE nicht unterstützt

In diesem Szenario wird versucht, ein CSS-Stylesheet dynamisch mit jQuery zu laden. Diese Technik ist in Firefox und Google Chrome erfolgreich, schlägt jedoch im IE fehl.

Die Lösung

Im IE, wenn alle mit der Seite geladenen Stile verarbeitet wurden , die einzige zuverlässige Methode zum Einführen eines zusätzlichen Stylesheets ist document.createStyleSheet(url). Weitere Informationen zu diesem Ansatz finden Sie im MSDN-Artikel zu createStyleSheet.

Hier ist der überarbeitete Code, der die Lösung enthält:

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

Dieser Ansatz stellt die Kompatibilität mit dem IE sicher und behält gleichzeitig die Funktionalität in anderen Browsern bei.

Das obige ist der detaillierte Inhalt vonWarum funktioniert das dynamische Laden von CSS im IE nicht und wie kann ich das Problem beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!