@twohundrediq

Почему ajax срабатывает только на одну форму?

Добрый день, на сайте есть вывод статей и у каждой статьи есть 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 страницу обработчика формы.

Подскажите в чем проблема и как это исправить?
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы