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
Freigeben: 2024-12-02 12:04:15
Original
929 Leute haben es durchsucht

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");
});   
Nach dem Login kopieren

2. Verwenden von dynamisch erstellten :

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

3. Verwenden von Dynamically-Created