javascript - 在 fancybox 中单击按钮时将参数传递给 afterclose 回调

Question

在父 html 页面中，当我单击一个链接时，fancybox 对话框打开，我在该 fancybox 中加载了一个 laravel php View 页面。

当我在 fancybox 对话框中按下“使用 twitter 登录”按钮时，我想关闭 fancybox 并重定向到路由(登录/twitter)

当我在 fancybox 对话框中按下“使用 facebook 登录”按钮时，我想关闭 fancybox 并重定向到路由(登录/facebook)。

要知道路由到哪里，我需要知道在 afterClose 回调函数中单击了哪个按钮。

//parent.php

$(".myDiag").fancybox({
        width       : 900,
        height      : 600,
        maxWidth    :"95%",
        padding     : 0,
        fitToView   : false,
        autoSize    : true,
        autoScale   : true,
        autoDimensions: true,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        afterClose : function(signupSource)
            {
                if(signupSource)
                {
                    window.location = "<?php echo route('login'); ?>" + "/" + signupSource;
                }   
            }
    });

//js in Fancybox.php


$('#loginWithTwitter').click(funciton(){
    parent.$.fancybox.close('twitter');  // 'twitter' is not getting sent to the afterClose callback function
});

如何将 signupSource 从 Fancybox.php 传递给 parent.php？

Answer 1

将所有这些按钮设为提交按钮，并根据在发布的 var 中接收到的值与之对应。我必须知道注册源。

我没有关闭 fancy box parent.$.fancybox.close(); 并使用 afterClose 回调 .. 我使用 target='_top' 自动将我的表单数据发布到父窗口并在发布之前关闭 fancybox。

Submit a form inside fancybox and redirect the page