Comment puis-je appliquer dynamiquement du CSS en ligne ou externe dans jQuery pour résoudre les problèmes de style Chrome AJAX ?-tutoriel CSS-php.cn

How Can I Dynamically Apply Inline or External CSS in jQuery to Fix Chrome AJAX Styling Issues?

Application dynamique de CSS en ligne ou externe à l'aide de jQuery

Vous souhaitez charger dynamiquement un contrôle Ajax dans une fenêtre contextuelle Yahoo à l'aide de jQuery et appliquer le sien CSS pour cela. Il existe deux options : feuille de style en ligne ou externe. Cependant, vous avez découvert que dans Chrome, le CSS chargé via AJAX n'est pas évalué lorsqu'il est ajouté au DOM à l'aide de la méthode standard.

Pour résoudre ce problème, jQuery propose plusieurs approches pour évaluer ou appliquer des feuilles de style ajoutées dynamiquement. au DOM :

Chargement du CSS en ligne

Utilisation AJAX :

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

Copier après la connexion

Chargement de CSS externes à l'aide d'un créé dynamiquement

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

Copier après la connexion

Chargement de CSS externes à l'aide d'un