Здравствуйте, недавно занялся разработкой корпоративного сайта по видео-урокам (до этого никогда этим не занимался) и возникли проблемы с 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.