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

Question

[Артём Цымбалюк]

Здравствуйте
Есть скрипт обработчика формы, который после успешной передачи данных на сервер выводит 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

Answer 1

[tyzberd]

добавить вместо alert("Thank you!");

$.magnificPopup.open({
  items: {
    src: '#succes',
    type: 'inline'
  }
});

https://codepen.io/anon/pen/XEmMmR

Comments

[Артём Цымбалюк]

tyzberd Спасибо, что в очередной раз выручили меня :)

Answer 2

[Denis]

Ну так вместо alert напишите

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

А После строчки // Done Functions
$('#succes').remove();