Добрый день, на сайте есть вывод статей и у каждой статьи есть pop up окно с формой.
Формы отправляются с помощью ajax
$(document).ready(function() {
$('#form').submit(function(event) {
event.preventDefault();
$.ajax({
type: $(this).attr('method'),
url: $(this).attr('action'),
data: new FormData(this),
contentType: false,
cache: false,
processData: false
});
});
});
Код формы:
<form id="form" action="/getLikes" method="post" style="padding: 0px 10px; float: right;">
<input type="hidden" name="idTable" value="<?php echo $row['id']; ?>">
<?php if (checkLikes($row['id'], $_SESSION['id'], $connect)): ?>
<input id="default" type="image" src="img/like.png" alt="Мне нравится" style="width: 20px; float: right;" onclick="green()">
<input id="green" type="image" src="img/like2.png" alt="Мне нравится" style="width: 20px; float: right;">
<?php endif; ?>
<?php if (!checkLikes($row['id'], $_SESSION['id'], $connect)): ?>
<img src="img/like2.png" style="width: 20px; float: right;">
<?php endif; ?>
</form>
Но проблема в том, чтобы при открытии первого pop up окна форма отправляется без проблем, а после его закрытия и открытия второго окна ajax не срабатывает и перекидывает на php страницу обработчика формы.
Подскажите в чем проблема и как это исправить?