Два JQuery Ajax звонка. Сначала возвращается пользовательское сообщение от MySQL, количество лайков для этого сообщения и кнопка для пользователя, которому нравится сообщение. Этот запрос работает.
Второй Ajax запрос на запуск от пользователя, нажимающего кнопку «Мне нравится», созданную из первого Ajax запроса. Однако при нажатии кнопки ничего не происходит (ошибок нет). Пытался просмотреть результаты в виде предупреждения или в консоли, но ничего не произошло.
Ajax запрос 1:
dataType: 'json',
success: function(response) {
$.each(response, function() {
$.each($(this), function(i, item) {
var mycss = (item.Type == 1) ? ' style="color: #ffa449;"' :'';
$( '.content' ).append( '<div class="post"><div class="post-text"> ' +item.MessageText+ ' </div><div class="post-action"><input type="button" value="Like" id="like_'+item.ID+'_'+item.UserID+'" class="like" '+mycss+' /><span id="likes_'+item.ID+'_'+item.UserID+'">'+item.cntLikes+'</span></div></div>');
});
});
}
Пример созданного html:
<div class="post"><div class="post-text"> This is message example text. </div><div class="post-action"><input type="button" value="Like" id="like_1_f6khb11ldm2hek6bvs3qd2oef6" class="like"><span id="likes_1_f6khb11ldm2hek6bvs3qd2oef6">12</span></div></div>
Ajax запрос 2:
dataType: 'json',
success: function(data){
var likes = data['likes'];
var type = data['type'];
$("#likes_" + postid + "_" + userid).text(likes);
if(type == 1){
$("#like_" + postid + "_" + userid).css("color","lightseagreen");
}
if(type == 0){
$("#like_" + postid + "_" + userid).css("color","#ffa449");
}
}
РЕДАКТИРОВАТЬ: При нажатии второй Ajax код запроса в соответствии с запросом:
$(".like").click(function(){