How-to einige Inhalte in die BALISE HEAD mit jquery hinzufügen?

Question

Ich möchte dynamisch einige Balisen HTML in den Kopf des Webdokuments einfügen. Ich habe hinzuzufügen versucht:

$("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>"); 

Aber es sieht aus wie es nicht funktioniert ...

Wissen Sie, ob es möglich ist dynamiccaly einige Inhalte in den Kopf balise hinzufügen?

Vielen Dank,

Bat

Answer 1

Ich denke, Ihr Problem sein könnte, dass Sie die url() Bit um Ihre Import url fehlen. Sie brauchen auch keine Anführungszeichen um die URL. Sehen Sie diese Referenz: http://htmlhelp.com/reference/css/style-html.html#importing

Versuchen Sie es zu ändern:

$("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

Dieser Link hat Lösung

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