Jquery Живая Selector

Question

У меня есть такой код,

<div class="panel-footer"> 
    <div class="post-activity"> 
     <i class="loading-icon"></i> 
     <button onclick="ChangeColor(this);">Change Color</button> 
    </div> 
//Will be code 
</div> 

Когда мой проект работает, и я нажимаю на элемент запуска, я код изменился STATU как это,

<div class="panel-footer"> 
    <div class="post-activity"> 
     <i class="loading-icon"></i> 
     <button onclick="ChangeColor(this);">Change Color</button> 
    </div> 
    <div class="comments-ch"></div> 
</div> 

И моя функция ,

function ChangeColor(element) 
{ 
    $(element).closest(".panel-footer").find(".comments-ch").css("background-color","#CC0000"); 
} 

не работает. Потому что, <div class="comments-ch"></div> является живым/добавленным/новым кодом.

Но если я запускаю этот код, он работает

function ChangeColor(element) 
{ 
    $(element).closest(".panel-footer").find(".post-activity").css("background-color","#CC0000") 
} 

<div class="post-activity">...</div> bacause коды существовавшего до запуска приложения.

Как я могу получить код append/live (.comments-ch)? Благодарю.

Answer 1

Прямую синтаксис, как правило, следующим образом

$(".selector-class").live('event', function() { 
    //do your logic here 
} 

В мероприятии часть может быть нажать (щелчки элемент), KeyUp, KeyDown и т.д.

Приветствия

Answer 2

Я хотел бы предложить вам, чтобы избавиться от onclick обработчик событий в вашей разметке, по крайней мере, это будет держать разметку отдельно от javascript (см. Это discussion для получения дополнительной информации). Так что ваша кнопка изменения должны выглядеть следующим образом:

<button id="btnChange">Change Color</button> 

И в JavaScript коде (который должен быть выполнен на DOM готов):

$("#btnChange").click(function() { 
    ChangeColor(this); 
}); 
function ChangeColor(element) 
{ 
    $(element).closest(".panel-footer").find(".comments-ch").css("background-color","#CC0000"); 
} 

Вы можете объединить 2 функции в одном, я все это просто для внесения наименьших изменений в ваш код это возможно. Работает demo.