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



Wie kann ich Inline- oder externes CSS in jQuery dynamisch anwenden, um Chrome AJAX-Styling-Probleme zu beheben?
Dec 15, 2024 pm 12:49 PMDynamisches 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