функция Javascript после HTML добавляется

Question

У меня есть проблема с моим яваскриптом функцией:

$(".like-btn").click(function() { .. } 

эта функция не срабатывает больше после того, как в моей JavaScript где-то еще, что я делать такие вещи, как

$("#1021").append("'<button type="submit" class="btn btn-default like-btn" ... .etc "); 

Поэтому в основном я нужно, чтобы мой jquery запускался также после добавления еще нескольких html на мою страницу.

Answer 1

Поскольку like-btn класс добавляется динамически, вам нужно использовать event delegation зарегистрировать обработчик события, как это:

// New way (jQuery 1.7+) - .on(events, selector, handler) 
$('#1021').on('click', '.like-btn', function(event) { 
    event.preventDefault(); 
    alert('testlink'); 
});