Всем привет.
Смотрел на сайте формы, понравилось как работает, решил повторить, и не получается.
Используется uniMail и magnific-popup.
uniMail отвечает за отправку формы на почту со всеми данными.
magnific-popup отвечает за создание всплывающих окон.
Делал по аналогии с тем что видел.
Сделал окно ЗАКАЗАТЬ ЗВОНОК.
Открывается.
Если нажать кнопку submit - должно появиться окно "СПАСИБО ЗА ОТПРАВКУ", но оно не появляется.
Скрипт вроде простой, не понимаю почему не работает...
<style>
.visible {
display:block!important;
}
.hidden {
display: none;
}
</style>
<div class="hidden">
<div id="popup-zvonok" class="popup-zvonok-content">
<form class="formscript">
<!-- СООБЩЕНИЕ ПОСЛЕ ОТПРАВКИ ФОРМЫ ЗВОНКА -->
<div class="successform hidden">
ТУТ "СПАСИБО ЗА ОТПРАВКУ"
</div>
<!-- ФОРМА ЗВОНКА -->
<div class="formvisible">
ТУТ КОНТЕНТ ФОРМЫ ЗАКАЗА ЗВОНКА
<button class="orange-btn zvonok-btn" type="submit">Заказать звонок</button>
</div>
</form>
</div>
</div>
//E-mail Ajax Send
//Documentation & Example: [url]https://github.com/agragregra/uniMail[/url]
$(".formscript").submit(function () { //Change
var th = $(this);
$.ajax({
type: "POST",
url: "php/mail.php", //Change
data: th.serialize()
}).done(function () {
$(".successform").addClass("visible");
$(".formvisible").addClass("hidden");
setTimeout(function () {
// Done Functions
th.trigger("reset");
$(".successform").removeClass("visible");
$(".formvisible").removeClass("hidden");
$.magnificPopup.close();
}, 5000);
});
return false;
});