1. Accueil
  2. Question et réponse
  3. jQuery Création d'un élément de style sur la mouche

jQuery Création d'un élément de style sur la mouche

2010-07-11 7 views
0

Je veux créer un élément de style après le chargement de la page (par exemple environ 2-3 secondes après page chargée)jQuery Création d'un élément de style sur la mouche

html

<html> 
<body> 
    <div id="div1" > 
     <div id= "div2" > some text goes here </div> 
    </div> 
</body> 
</html>

javascript

$(function() { 

    var style = $('<style type="text/css" />').appendTo('head'); 
    style.html('body{ background:#000; } 
          \n 
          \#div1{ background:#0099f9; }' 
    //I'm having some more elements which I need to alter their style attr's 
    ); 

    var attr = style.html; 

    style.html(attr + '\n\#div2{ background:#f0f; }'); 
});

Je suis aussi avoir un tas d'éléments HTML (d'autres éléments plus que ceux mentionnés) en Wh ich je dois changer leurs styles après la page chargée

Je me sens la difficulté lorsque je tente de lire mon code parce qu'il est codé en dur,

Je suis aussi face au problème, quand je dois ajouter un peu éléments à la balise de style ci-dessus

est leur façon simple de le faire & le rendre simple pour lisibilité

Merci pour l'aide !!

ont une bonne journée

Source

2010-07-11 Anonymous

Répondre

0

Je ne sais pas si cela pourrait vous aider, mais plutôt que d'essayer d'écrire dynamiquement CSS, ne pouvez pas vous créer les différents styles et donner à vos éléments de la classe CSS correcte lors de leur rendu ?

Comme ceci:

div.even 
{ 
    background-color:#f00; 
} 

div.odd 
{ 
    background-color:#ff0; 
}

Ensuite, vous pouvez déterminer le côté serveur de classe CSS correct (avec PHP, ASP.Net, ...) lors du rendu de la page.

Source

2010-07-11 18:33:44

Questions connexes

 Questions connexes