Показать сообщение отдельно
  #1 (permalink)  
Старый 17.10.2016, 10:40
Новичок на форуме
Отправить личное сообщение для LionVII Посмотреть профиль Найти все сообщения от LionVII
 
Регистрация: 17.10.2016
Сообщений: 4

Сообщение об успешной отправки письма
Здравствуйте, недавно занялся разработкой корпоративного сайта по видео-урокам (до этого никогда этим не занимался) и возникли проблемы с javascript'ом.

На сайте есть 2 типа форм обратной связи (всплывающая при нажатии на кнопку и обычная).

Первый вид формы:
$("#callback1").submit(function() {
		$.ajax({
			type: "POST",
			url: "mail.php",
			data: $(this).serialize()
		}).done(function() {
			$(".success").addClass("active");
			setTimeout(function() {
				// Done Functions
				$(".success").removeClass("active");
				th.trigger("reset");
				$.magnificPopup.close();
			}, 3000);
		});
		return false;
	});


Данная форма всплывает по средствам скрипта magnificPopup и использует кастимизированный в sass класс "success". При переводе его в режим active он красиво всплывает с сообщением об успешной отправки, но по завершении 3 секунд закрывается только класс "success", а надо чтобы закрывалось полностью все окно. Подозреваю что $.magnificPopup.close(); неверно прописан или не в правильном месте, подскажите как правильней.

Второй вид формы:
$("#callback2").submit(function() {
		$.ajax({
			type: "POST",
			url: "mail.php",
			data: $(this).serialize()
		}).done(function() {
			$(this).find("input").val("");
			alert("Спасибо за заявку!");
			$("#callback2").trigger("reset");
		});
		return false;

Данная форма расположена сразу на сайте, взял ее из стартового шаблона. Подскажите как правильно прописать, чтобы при отправке сообщения появлялось попап сообщение, костимизированное в sass.
Ответить с цитированием