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

Question

[Павел]

$("#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

Comments

[Александр Лысенко]

А вы его разве не закрываете в своем коде?

parent.$.fancybox.close({
    closeEffect: 'elastic'
});

[Павел]

AlexanderZe: это код примера возможно совсем не связанного с моей задачей. Короче беда)

Answer 1

[Александр Лысенко]

$.fancybox.open({
	src  : '#hidden-content',
	type : 'inline',
	opts : {
		onComplete : function() {
			console.info('done!');
		}
	}
});

Документация

Comments

[Павел]

да это оно! Спасибо большое , сохраню полезную вещь

Answer 2

[ThunderCat]

тут рекомендуют тупо вызвать событие клик на нужном элементе