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

Здравствуйте
Есть скрипт обработчика формы, который после успешной передачи данных на сервер выводит 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
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
@tyzberd
добавить вместо alert("Thank you!");
$.magnificPopup.open({
  items: {
    src: '#succes',
    type: 'inline'
  }
});

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

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


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

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

Войти через TM ID
Похожие вопросы
Greencow Studio Москва
от 80 000 до 120 000 руб.
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.
15 авг. 2018, в 01:47
30000 руб./за проект
15 авг. 2018, в 01:09
70000 руб./в месяц
14 авг. 2018, в 22:43
350 руб./за проект