Fancybox-在Fancybox回调中调用Fancybox模式对话框

Question

我正在使用Fancybox显示表单。

在该表单中，当提交时，代码通过Ajax处理表单内容。

完成后，我希望代码显示一个模式对话框，通知用户一个类似"操作完成！"的操作

我这里有这个JS代码

 $(".fancybox").fancybox({
    afterShow: function() {
        $( '#foo_form' ).on( 'submit', function( event ) {
            event.preventDefault();
            $.ajax({
                url: $( this ).attr('action'),
                data: $( this ).serializeArray(),
                type: 'POST'
            }).done(function() {
                $.fancybox.close();
                // TODO: Possible to call Modal Fancybox dialog here?
            });
        });
    }
});

是否可以调用模式fancybox对话框？

Answer 1

您可能有两个选项：

1） 。在.done()方法中，不要使用$.fancybox.close();，而是使用$.fancybox.open("action done!");。。。这将关闭现有的fancybox并打开你想要在fancybox中的新消息。

2） 。在现有代码中添加一个afterClose回调，并使用$.fancybox.open("action done!");方法调用新的fancybox消息。

不过我会使用第一个选项。

请注意在任何情况下，一次只能打开一个风扇盒。