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

How Can I Dynamically Apply Inline or External CSS in jQuery to Fix Chrome AJAX Styling Issues?

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");
});

Nach dem Login kopieren

Externes CSS mit dynamisch erstelltem laden

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

Nach dem Login kopieren

Externes CSS mit dynamisch erstelltem