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
Libérer: 2024-12-02 12:04:15
original
843 Les gens l'ont consulté

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");
});   
Copier après la connexion

2. Utilisation de créé dynamiquement :

$('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >').appendTo("head");
Copier après la connexion

3. Utilisation de