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消息。

不过，我会使用第一种选择。

注意到，在任何情况下，一次只能打开一个 fancybox。