Heim >Web-Frontend >CSS-Tutorial >Wie kann ich CSS mit jQuery dynamisch auf AJAX-geladene Inhalte anwenden?
Dynamisches Anwenden von Inline- oder externem CSS mit jQuery
Beim Laden von HTML-Inhalten über AJAX mit jQuery können beim Anwenden von CSS auf Probleme auftreten geladene Inhalte. Dies liegt daran, dass dynamisch hinzugefügtes CSS nicht automatisch vom Browser ausgewertet wird.
Optionen zur Auswertung:
Um dieses Problem zu beheben, können Sie mehrere Methoden zur dynamischen Auswertung von CSS verwenden :
1. Verwenden von AJAX zum Laden von CSS:
$.get(myStylesLocation, function(css) { $('<style type="text/css"></style>').html(css).appendTo("head"); });
2. Verwenden von dynamisch erstellten :
$('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >').appendTo("head");
3. Verwenden von Dynamically-Created