2012-12-07 3 views
0

Je veux ajouter quelques classes CSS dans la tête Tag, avec jQuery (et non un fichier css comme Jquery add css to head)Ajoute CSS à la tête?

Mes classes CSS sont comme ceci:

#control1 { width:60px; height:55px; background:url(../images/logo1.png) no-repeat; float:left; } 
#control1.selected {background:url(../images/logo1_aktiv.png) no-repeat;} 

Merci pour l'aide.

+0

Même chose, remplacez simplement l'élément 'link' par un élément' style' dans la réponse acceptée. –

+0

Vous souhaitez ajouter des règles à la feuille de style? – epascarello

+0

Pourquoi essayez-vous de faire cela? Pourquoi ne pas ajouter des styles en ligne? Pourquoi ne pas définir les styles avant la main, et les basculer avec JS? –

Répondre

2

c'est ce que vous devez faire, ajoutez votre style à la balise head

var yourClasses="#control1 { width:60px; height:55px; background:url(../images/logo1.png) no-repeat; float:left; } 
#control1.selected {background:url(../images/logo1_aktiv.png) no-repeat;}"; 

$("document").ready(function(){ 
    $("head").append("<style type='text/css'>"+yourClasses+"</style>"); 
}); 
+0

Merci beaucoup, je l'ai édité et créé une variable pour chaque classe CSS :) – Bizboss

2

Vous pouvez l'ajouter à la section de tête à l'aide appendTo(), puis en sélectionnant "head"

$("<style type='text/css'> .boldYellow{color:yellow; font-weight:bold;} </style>").appendTo("head");