Как создать живое событие для css

Question

Как я могу сделать этот код вживую?

$("#send_button").css({ opacity: 0.2 });

Этот код наносится на элемент изнутри DIV на document ready. Этот div заменяется другим div на событии, после чего он снова вставляется в динамическое состояние с html().

Это ДИВ (пример):

<div id="dinamic_div"><img src="image.jpg" id="send_button"></div>

Answer 1

Создать правило CSS, и он будет применяться к любому объекту, который соответствует селектор, даже если он создан динамически.

#send_button {opacity: 0.2;} 

Или создать правило CSS с непрозрачностью по имени класса и поставить имя класса на кнопке:

.lightButton {opacity: 0.2;} 

<div id="dinamic_div"> 
    <img src="image.jpg" class="lightButton" id="send_button"> 
</div> 

---

Если вы должны сделать это с JavaScript, то вам Самый простой способ - просто создать динамический объект при его создании.

Если вы не можете этого сделать, вы можете создать правило CSS с помощью javascript.

Рабочий пример:

var html = '<div id="dinamic_div"><img src="http://dummyimage.com/200x100/000/fff&text=Hello" id="send_button"></div>'; 

$(html).appendTo(document.body); 

var style = document.createElement("style"); 
style.type = "text/css"; 
style.innerHTML = "#send_button {opacity: 0.2;}"; 
document.getElementsByTagName("head")[0].appendChild(style); 

Работа демо: http://jsfiddle.net/jfriend00/Cnbvg/