Wie kann ich Inline- oder externes CSS in jQuery dynamisch anwenden, um Chrome AJAX-Styling-Probleme zu beheben?

Dynamisches Anwenden von Inline- oder externem CSS mit jQuery

Sie möchten ein Ajax-Steuerelement mithilfe von jQuery dynamisch in ein Yahoo-Popup laden und sein eigenes anwenden CSS dazu. Es gibt zwei Optionen: Inline- oder externes Stylesheet. Sie haben jedoch festgestellt, dass in Chrome das über AJAX geladene CSS nicht ausgewertet wird, wenn es mit der Standardmethode zum DOM hinzugefügt wird.

Um dieses Problem zu beheben, bietet jQuery mehrere Ansätze zum Auswerten oder Anwenden dynamisch hinzugefügter Stylesheets zum DOM:

Inline-CSS laden

Verwenden AJAX:

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

Externes CSS mit dynamisch erstelltem laden

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

Externes CSS mit dynamisch erstelltem