Jquery не выполняется, если содержание добавлено после того, как документ загружен

Question

я использую следующий сценарий, чтобы сделать любит на посты в блоге

$('.like-unlike').on('click',function() { 
    if ($(this).html() == " Like ") { 
     postID = this.id.replace('post_', ''); 


     $.ajax({ 
      url: 'auth/classes/comments.php', 
      type: 'GET', 
      data: 'token=<?php echo $token; ?>&post='+escape(postID)+'&like=yes', 

      success: function(data) { 
       console.log(data);} 
     }); 
     $('.right#stats_'+postID).text(function (idx, text) { 
      text = $.trim(text); 
      var count = parseInt(text.match(/^(\d+)/), 10) || 0; 
      return text.replace(/^\d+/, ++count); 
     }); 
     $(this).html('&nbsp;Liked&nbsp;'); 
    } 

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

Answer 1

Try:

$('body').on('click','.like-unlike',function() { 
    ... 
}); 

Answer 2

$(document).on('click','.like-unlike',function() { 

Read about event delegation

Answer 3

Изменения обработчик событий делегированного стиля -

$('body').on('click', '.like-unlike', function() {