Добрый день! у меня есть категории при клике на каждую из которых я асинхронно получаю все, что в этой категории и динамически отображаю эти данные. У каждого динамически созданного элемента есть идентификатор. При нажатии допустим на первый элемент у меня появляется форма в модальном окне с данными, все отредактировал и сохранил - работает, закрыл форму и нажал на другой элемент и тоже отредактировал, но здесь уже есть проблема, поскольку теперь форма отправляется 2 раза. на url для первого элемента и последнего нажатого. Подскажите в чем причина такого поведения? Спасибо.
$(document).on('click', '.closest', function(e){
$('#q').modal('show');
var id = $(this).attr('id');
$.ajax({
type: 'POST',
data: {'id':id},
url: "{{ url('/dashboard/getCategory') }}",
success: function(data){
$('.summernote').summernote('code', data['body']);
$("#bodyOFsummernote").submit(function(e){
e.preventDefault();
$.ajax({
type: 'POST',
data: {'body':$('.summernote').summernote('code')},
url: "{{ url('/dashboard/setCategory') }}/"+id,
success: function(data){
alert('yes');
$("#q").modal('hide');
},
error: function () {
alert('no');
},
beforeSend: function (xhr) {
var token = $('meta[name="csrf-token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
}
});
});
},
error: function () {
alert('no');
},
beforeSend: function (xhr) {
var token = $('meta[name="csrf-token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
}
});
});
