JQuery Создание элемента стиля на лету

Я хочу, чтобы создать элемент стиля после загрузки страницы (скажем, около 2-3 сек после загружается страница)JQuery Создание элемента стиля на лету

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; }'); 
});

Я также с кучей HTML элементов (еще некоторые другие элементы, кроме указанных выше) в КН Ich Мне нужно изменить свои стили после страницы загружаются

Я чувствую трудность, когда я пытаюсь прочитать мой код, потому что он жестко,

Я также сталкивается с проблемой, когда мне нужно добавить некоторые элементы к выше стиля тега

Является ли их простой способ сделать это & сделать его простым для читаемости

Спасибо за помощь !!

Иметь хороший день

источник

2010-07-11 Anonymous

Я не знаю, если это может помочь вам, а затем динамически пытается писать CSS, вы не можете создавать различные стили и дать вашим элементы правильный класс CSS при визуализации их ?

Как это:

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

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

Затем вы можете определить правильную сторону сервера класса CSS (с PHP, ASP.NET, ...) при отображении страницы.

источник

2010-07-11 18:33:44

Я предлагаю смотреть в систему шаблонов на стороне клиента, как механизм, рассмотренный здесь: http://blog.reybango.com/2010/07/09/not-using-jquery-javascript-templates-youre-really-missing-out/

Такой подход позволит вам сохранить ваши фрагменты CSS отдельно от кода, который был бы намного чище. Вы помещаете свой CSS в блоки <script>, у которых есть «тип», специально сделанный так, чтобы браузер не пытался их выполнить.

источник

2010-07-11 18:36:21 Pointy

JQuery Создание элемента стиля на лету

ответ

Смежные вопросы