Question

我在fancy box ifarme class中使用registration.php文件：

<li><a class="various" data-fancybox-type="iframe" href="registration.php"><img src="registration.jpg"/></a></li>

当我点击registration.jpg时会弹出一个表格，输入详细信息后，我点击提交，如果细节成功提交，弹出窗口（花式框）应自行关闭在显示＆＃34;您的详细信息已成功提交＆＃34;

谢谢ina advance ..

Answer 1

在fancybox的API文档的底部，有一个可以使用的方法列表 - 其中一个很接近。

$.fancybox.close

隐藏FancyBox

在iframe中使用 - parent。$。fancybox.close（）;

您可以将此方法绑定到单击事件或回调，以便在表单提交成功时执行。

E.g

$(".form-submit").on("click", function () {
    /* Use a conditional to check if form submits successfully */
    if (formSubmit) {
        parent.$.fancybox.close();
    }
});

Answer 2

在您的父页面（您调用registration.php文件的位置）中，您可以创建自定义功能（例如afterSubmit()），例如

function afterSubmit() {
    jQuery.fancybox("Form successfully submitted");
    setTimeout(function(){
        jQuery.fancybox.close();
    }, 2000);
}

此功能将打开一个带有您想要的信息的新花式框（并将关闭之前打开的所有花式框），它将在2秒后（或您想要设置的任何时间）自动关闭

然后，验证registration.php文件中的表单提交以及何时成功，在父页面中调用自定义函数，如：

parent.afterSubmit();

注意两个页面必须位于同一个域中。

在提交细节后，我怎么能自己关闭花哨的盒子呢？

2 个答案: