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

我会使用第一个选项。

注意，无论如何，您一次只能打开 ONE fancybox。

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

1 个答案: