Как вывести модальное окно после нажатия конпки «отправить»?

Здравствуйте
Есть скрипт обработчика формы, который после успешной передачи данных на сервер выводит alert с каким-то текстом
Как сделать так, что бы вместо окна он выводил окно magnific popup?
$("form").submit(function() { //Change
var th = $(this);
$.ajax({
	type: "POST",
	url: "mail.php", //Change
	data: th.serialize()
}).done(function() {
alert("Thank you!");
setTimeout(function() {
// Done Functions
th.trigger("reset");
	}, 1000);
});
return false;
});


<div id="succes" class="zoom-anim-dialog mfp-hide">
	<h3>Ваша заявка успешно отправлена!</h3>
</div>


Сама библиотека Magnific Popup
  • Вопрос задан
  • 188 просмотров
Решения вопроса 1
@tyzberd
добавить вместо alert("Thank you!");
$.magnificPopup.open({
  items: {
    src: '#succes',
    type: 'inline'
  }
});

https://codepen.io/anon/pen/XEmMmR
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@sidni
Php Developer
Ну так вместо alert напишите

$('form').append('<div id="succes" class="zoom-anim-dialog mfp-hide">
  <h3>Ваша заявка успешно отправлена!</h3>
</div>');


А После строчки // Done Functions
$('#succes').remove();
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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