Maison >interface Web >tutoriel CSS >Comment puis-je appliquer dynamiquement du CSS au contenu chargé en AJAX avec jQuery ?

Comment puis-je appliquer dynamiquement du CSS au contenu chargé en AJAX avec jQuery ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-02 12:04:15844parcourir

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

Application dynamique de CSS en ligne ou externe avec jQuery

Lors du chargement de contenu HTML via AJAX à l'aide de jQuery, vous pouvez rencontrer des problèmes lors de l'application de CSS au contenu chargé. En effet, le CSS ajouté dynamiquement n'est pas automatiquement évalué par le navigateur.

Options d'évaluation :

Pour résoudre ce problème, vous pouvez utiliser plusieurs méthodes pour évaluer le CSS de manière dynamique. :

1. Utiliser AJAX pour charger CSS :

$.get(myStylesLocation, function(css) {
  $('<style type="text/css"></style>').html(css).appendTo("head");
});   

2. Utilisation de créé dynamiquement :

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

3. Utilisation de