Comment ajouter du contenu dans le balise HEAD avec jquery?

Question

Je voudrais insérer dynamiquement quelques balises de HTML dans la tête du document Web. J'ai essayé d'ajouter:

$("head").append("<style type=\"text/css\"> @import \"http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/grid/resources/claroGrid.css\";.container { text-align: center; margin: 10px; } .info { margin: 10px; }</style>"); 

Mais il semble que cela ne fonctionne pas ...

Savez-vous s'il est possible d'ajouter un contenu dynamiccaly dans la tête balise?

Merci beaucoup,

Bat

Answer 1

Je pense que votre problème pourrait être que vous manquez le bit url() autour de votre url d'importation. Vous n'avez pas non plus besoin des guillemets autour de l'URL. Voir cette référence: http://htmlhelp.com/reference/css/style-html.html#importing

Essayez de changer à:

$("head").append('<style type="text/css"> @import url(http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/grid/resources/claroGrid.css); .container { text-align: center; margin: 10px; } .info { margin: 10px; }</style>'); 

Answer 2

Ce lien a une solution

How to apply inline and/or external CSS loaded dynamically with jQuery