Показать сообщение отдельно
  #1 (permalink)  
Старый 03.10.2017, 11:24
Профессор
Отправить личное сообщение для the_little Посмотреть профиль Найти все сообщения от the_little
 
Регистрация: 25.09.2017
Сообщений: 186

Не показывается окно при отправке формы
Всем привет.
Смотрел на сайте формы, понравилось как работает, решил повторить, и не получается.
Используется 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;
});
Ответить с цитированием