Comment faire pour charger de manière asynchrone CSS à l'aide de jQuery?

Je veux utiliser jQuery pour charger de manière asynchrone CSS pour un document.

J'ai trouvé cet exemple, mais cela ne semble pas fonctionner sous IE:

<script type="text/javascript" src="/inc/body/jquery/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('<link>', {
            rel: 'stylesheet',
            type: 'text/css',
            href: '/inc/body/jquery/css/start/jquery-ui-1.8.10.custom.css'
        }).appendTo('head');
        $.getScript("/inc/body/jquery/js/jquery-ui-1.8.10.custom.min.js", function(){
        });
    });
</script>

Fondamentalement, je veux charger jQuery UI après toutes les autres données, images, styles, etc chargement de la page.

La $.getScript fonctionne très bien pour le JS. Seul problème, c'est CSS sous IE.

Connaissez-vous une meilleure solution?

  • Cela fonctionne si vous le faites $('<link/>'...? I. e. ajouter une barre oblique.
  • J'ai essayé, ça ne fonctionne pas.
  • .appendTo('body');
  • Je ne suis pas sûr de ce que tu veux dire par asynchrones...avez-vous peut-être dynamique?