Das dynamische Laden von CSS-Stylesheets funktioniert im IE nicht

Ich lade dynamisch ein CSS-Stylesheet (mit ein wenig Hilfe von jQuery) wie folgt:

var head = document.getElementsByTagName('head')[0];
$(document.createElement('link'))
    .attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' })
    .appendTo(head);

Dies funktioniert gut in Firefox und Google Chrome, aber nicht in IE.

Irgendeine Hilfe? Vielen Dank

Sobald der IE alle mit der Seite geladenen Stile verarbeitet hat, können Sie nur mit ein weiteres Stylesheet zuverlässig hinzufügen document.createStyleSheet(url)

Weitere Informationen finden Sie im MSDN-Artikel zu createStyleSheet.

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

Sie müssen den href attr zuletzt und erst einstellen, nachdem das Linkelement an den Kopf angehängt wurde:

$('<link>')
  .appendTo('head')
  .attr({type : 'text/css', rel : 'stylesheet'})
  .attr('href', '/css/your_css_file.css');

Aktualisieren

Heutzutage besteht der einzige Zweck von IE und Edge darin, Chrome herunterzuladen. Ich empfehle daher, Ihren Code NICHT mit benutzerdefinierter Unterstützung für IE oder Edge aufzublähen und stattdessen deren Existenz zu ignorieren.

Dies scheint auch im IE zu funktionieren:

var link = document.createElement ('link');
link.rel = 'Stylesheet';
link.type = 'text / css';
link.href = '/includes/style.css';
document.getElementsByTagName ('head') [0] .appendChild (link);

Dies könnte auch etwas damit zu tun haben - Aus dem Microsoft Support-Artikel :

Stile auf einer Webseite fehlen oder sehen falsch aus, wenn die Seite in den Versionen von Microsoft Internet Explorer geladen wird ...

... Dieses Problem tritt auf, weil die folgenden Bedingungen in Internet Explorer erfüllt sind:

• Alle Stil-Tags nach den ersten 31 Stil-Tags werden nicht angewendet.

• Alle Stilregeln nach den ersten 4.095 Regeln werden nicht angewendet.

• Auf Seiten, die die @ import-Regel verwenden, um kontinuierlich externe Stylesheets zu importieren, die andere Stylesheets importieren, werden Stylesheets mit einer Tiefe von mehr als drei Ebenen ignoriert.

Es scheint, dass

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

funktioniert auch im IE, solange die URL eine vollqualifizierte URI einschließlich des Protokolls ist ...

Öffnen Sie ie8, ohne dass der Debugger geöffnet ist. Wenn Sie nach dem Punkt des dynamischen Stylesheets ... Debugger und Voila öffnen, sollten sie dort sein.