Heim >Web-Frontend >CSS-Tutorial >Wie kann ich CSS mit jQuery dynamisch auf AJAX-geladene Inhalte anwenden?

Wie kann ich CSS mit jQuery dynamisch auf AJAX-geladene Inhalte anwenden?

Barbara Streisand
Barbara StreisandOriginal
2024-12-02 12:04:15843Durchsuche

How Can I Dynamically Apply CSS to AJAX-Loaded Content with jQuery?

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