При написании своей формы связи и использовании библиотеки Magnific Popup может возникнуть ситуация, когда форма связи успешно отправлена, а всплывающее окно остается незакрытым и мешает посетителю сайта. Гораздо естественнее, если форма выдаст сообщение об успешной отправке и сама закроется через 2-3 секунды.

Сделать это можно сделать с помощью простой функции $.magnificPopup.close(), например так:

setTimeout(function() {
	$.magnificPopup.close();
}, 2500);

Так же функцию можно использовать для закрытия попапа при клике на произвольную кнопку.

$('.close-my-popup').click(function() {
	$.magnificPopup.close();
});

О том, как самостоятельно написать ajax-форму обратной связи: Как создать AJAX-форму на WordPress без плагинов

Живая демонстрация: natyanipotolok.ru

Похожие посты

Как правильно подключать стили и cкрипты в дочерней теме WordPress?

На эту тему написано уже десятки статей, но тема продолжается обсуждаться, а в чатах и на форумах люди снова и снова задают вопросы и сталкиваются с проблемами. Давайте вместе попробуем на примерах разобраться как же правильно подключать стили и скрипты в WordPress. Начнем по порядку. Есть хук wp_enqueue_scripts, который срабатывает в момент подключения в очередь…

Как изменить robots.txt в мультисайте WordPress

WordPress динамически создает robots.txt. Чтобы перезаписать его при обычной установке без использования нескольких сайтов, вы можете просто загрузить статический файл robots.txt на сервер. При установке системы мультисайтов это приведет к перезаписи файла robots.txt для всех сайтов, что не всегда является нужным результатом. В этой заметке мы обсудим, как можно изменить robots.txt для отдельных сайтов мультисайта….

Как создать AJAX-форму на WordPress без плагинов

WordPress имеет достаточно простую методологию обработки Ajax-запросов. Ajax-запросами называют такие запросы, которые происходят без перезагрузки страницы и в результате работа с сайтом становится быстрее и удобнее для конечного пользователя. Заранее оговорюсь, что в репозитории WordPress существуют десятки нормальных плагинов для работы с формами. С помощью них можно настроить поля, их валидацию, содержимое, интегрировать поддержку Ajax,…

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *