Fancyapp Modal Box关闭iFrame

Question

我使用的是以下Modal弹出脚本：http://fancyapps.com/fancybox/

我有一个带有IFrame的模式弹出。在iFrame中有一张登记表。当用户注册时，它们只被重定向到成员页。目前，它们正在同一个模式窗口中被重定向。我想要它，以便模态窗口关闭和一个页面，他们点击模态窗口重定向到成员唯一的链接。

以下是javascript：

  $(document).ready(function() {
    $(".various").fancybox({
         'width' : '85%',
         'height' : '86%',
         'paddingTop' : '40',
         'autoScale' : false,
         'transitionIn' : 'none',
         'transitionOut' : 'none',
         'type' : 'iframe'
    });
});

下面是调用模式框的HTML：

<a class="various button" data-fancybox-type="iframe" href="/signup-test">

Answer 1

因为您只想重定向已成功注册的成员，所以需要插入代码将用户重定向到注册和/或验证代码的成功函数中。

如果没有剩下的代码，我无法处理您的具体示例，但是有两种方法可以做到这一点：

选项1-创建Javascript函数

您可以创建一个Javascript函数，它关闭iframe并重定向用户。这样做的诀窍是将脚本放在父文档中，以便在iframe关闭后脚本继续执行。

此函数位于父文档中：

function closeiframe_redirect(url){
    $.fancybox.close();
    window.location = url;
}

如果要调用函数，请插入此代码：

parent.closeiframe_redirect('members_page.html');

选项2-在AJAX成功函数中

submitHandler: function (form){
    $.ajax({
    type: 'POST',
    url: 'registration-exec.php',
    data: $("#loginForm").serialize(),
    success: function(data) {   
        if(data == "true") {
            // This closes the Registration Form
            $("#registrationForm").fadeOut("fast");
            window.location = 'members_page.html'
        }
   });
}