0

我正在使用以下模态弹出脚本： 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">
4

1 回答 1

0

由于您只想重定向已成功注册的成员，因此您需要插入代码以将用户重定向到您的注册和/或验证代码的成功功能。

如果没有您的其余代码，我无法解决您的具体示例，但有两种方法是：

选项 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'
        }
   });
}
于 2013-01-21T21:31:52.547 回答