Как запустить magnific popup после отправки данных из формы обратной связи?

Question

[Михаил Завалко]

Подключил magnific popup к странице, к форме отправки данных пользователя, нужно чтобы после нажатия кнопки ОТПРАВИТЬ исполнялась функция открытия всплывающего окна magnific popup.

$("#main_form").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			//судя по всему код должен быть тут
			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
				$.magnificPopup.close();
			}, 3000);
		});
		return false;
	});

Answer 1

[Сергей Тутуков]

$("#main_form").submit(function(e) { //Change
  e.preventDefault();
  var th = $(this);
  $.ajax({
    type: "POST",
    url: "mail.php", //Change
    data: th.serialize()
  }).done(function() {
    th.trigger("reset");
    $.magnificPopup.open({
       items: {
           src: '.modal'
       }
    });
    setTimeout(function() {
      // Done Functions
      $.magnificPopup.close();
    }, 3000);
  });
});

Comments

[Михаил Завалко]

src: '.modal' здесь .modal это класс который мне нужно показать в окне нужно будет?

[Сергей Тутуков]

Да.
Обновил ответ, должно быть так.

[Михаил Завалко]

Сергей Тутуков: спасибо большое, решилось изменением на id вместо класса в src