Задать вопрос
mrusklon
@mrusklon
Не получается? Яростно гугли!

Как сделать всплывающее окно после отправки формы?

$("#form1").submit(function () { 
        var th = $(this);
        $.ajax({
            type: "POST",
            url: "mail.php", //Change
            data: th.serialize()
        }).done(function () {
            // код после успешной отправки формы
        });
        return false;
    });


мне надо вызвать #tnx в fancybox , не пойму как сделать ,

вот такой вариант не работает
$("#form1").submit(function () { 
        var th = $(this);
        $.ajax({
            type: "POST",
            url: "mail.php", //Change
            data: th.serialize()
        }).done(function () {
            // код после успешной отправки формы
$.fancybox({
        href: '#thx',
        openEffect: 'elastic',
        closeEffect: 'elastic',
        afterLoad: function() {
          setTimeout(function() {
            parent.$.fancybox.close({
              closeEffect: 'elastic'
            });
          }, 3000);
        }
      });
        });
        return false;
    });


fancybox я использую 3 версии fancyapps.com/fancybox/3
  • Вопрос задан
  • 3391 просмотр
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
@AlexanderZe
Интересующийся
$.fancybox.open({
	src  : '#hidden-content',
	type : 'inline',
	opts : {
		onComplete : function() {
			console.info('done!');
		}
	}
});


Документация
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
тут рекомендуют тупо вызвать событие клик на нужном элементе
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы