Здравствуйте.
Когда отправляю ajax запрос второй раз, посылается сразу два разных ajax запроса.
function changeComment(data){
data.each(function(){
const _this = data;
create_form.addClass('hidden');
change_form.addClass('visible');
change_apply.click((e) =>{
e.preventDefault();
const id = _this.attr('id');
const nameValue = change_name.val();
const surnameValue = change_surname.val();
const messageValue = change_message.val();
$.ajax({
url: '../php/change_comment.php',
type: 'POST',
dataType: 'json',
data: {
id: id,
name: nameValue,
surname: surnameValue,
message: messageValue,
},
success: function(result){;
create_form.removeClass('hidden');
change_form.removeClass('visible');
console.log(result.comment[0].id);
_this.parents('.comments__item').html(`
<div class="comments__people">
<div class="comments__name">${result.comment[0].name}</div>
<div class="comments__surname">${result.comment[0].surname}</div>
</div>
<div class="comments__control">
<p class="comments__change" id="${result.comment[0].id}">Изменить</p>
<p class="comments__delete" id="${result.comment[0].id}">Удалить</p>
</div>
<div class="comments__message">${result.comment[0].message}</div>
`);
commentsResults.html(`<div class="comments__result--succ comments__result">Комментарий изменен!</div>`);
smoothResult();
},
});
});
});
}
$(document).on('click', '.comments__change', function(){
changeComment($(this));
});
Когда пытаюсь изменить комментарий второй раз, посылается 2 разных ajax запроса. Как решить проблему? Заранее спасибо!
