How to close the Magnific Popup after submitting a form

When writing your own form of communication and using the Magnific Popup library, a situation can arise when the communication form is successfully sent, but the popup remains unclosed and disturbs the site visitor. It is much more natural if the form displays a message about successful sending and closes itself after 2-3 seconds.

You can do this with a simple function $.magnificPopup.close(), such as this:

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

You can also use this function to close the popup when you click on an arbitrary button.

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

How useful is the publication?

Click on a star to rate it!

Average score 3.5 / 5. Number of grades: 2

No ratings yet. Rate it first.

Similar posts

Why Files with Identical Content (*.js, *.php, *.css) Can Have Different Sizes?

When developers compare files with identical content but notice that their sizes differ, it can be perplexing. Let’s explore why this happens and what factors influence the size of files with extensions like *.js, *.php, and *.css. 1. File Encoding One of the key factors affecting file size is text encoding. The most common encodings…
Read more

How to transfer a site from dle to WordPress?

Transferring a website from DLE (DataLife Engine) to WordPress can be a complex process, especially if the site has a lot of content. Here’s a step-by-step guide: 1. Preparation 2. Export Data from DLE DLE uses its own database structure, so you’ll need to export data and convert it into a format compatible with WordPress:…
Read more