Jquery 提交登录表单后,关闭Fancybox模式窗口并重新加载页面

Jquery 提交登录表单后,关闭Fancybox模式窗口并重新加载页面,jquery,fancybox,fancybox-2,Jquery,Fancybox,Fancybox 2,我在FancyBox 2模式iframe窗口中打开了一个登录表单。但是,当您提交表单时,网页将在模式中打开 有人能告诉我是否以及如何关闭Fancybox模式,以及在提交登录表单时重新加载基础页面吗 以下是我当前的代码-在functions.js文件中: $(".login-popup").fancybox({ maxWidth : 310, height : 300, autoSize : false, closeClick : fal

我在FancyBox 2模式iframe窗口中打开了一个登录表单。但是,当您提交表单时,网页将在模式中打开

有人能告诉我是否以及如何关闭Fancybox模式,以及在提交登录表单时重新加载基础页面吗

以下是我当前的代码-在functions.js文件中:

  $(".login-popup").fancybox({
    maxWidth    : 310,
    height      : 300,
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
  });
这是我的登录链接:

<a class="login-popup" data-fancybox-type="iframe" href="/popup/login" title="">Login</a>

要从iframe中关闭fancybox,可以使用
parent.$.fancybox.close()窗体
submit()
事件上执行code>

然后在Fancybox初始值设定项上添加onClose事件,这将重新加载页面:

$(".login-popup").fancybox({
    maxWidth    : 310,
    height      : 300,
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    'afterClose':function () {
        window.location.reload();
    },
  });

onClosed
是对v1.3.x的回调,它与v2.x(OP正在使用的版本)不兼容。。。在关闭后使用
instead@JFK抢手货但我在这里只是想说明流程,更新代码!你好,谢谢你。我找不到家长。$.fancybox.close();处理表单提交()事件。我已经在上面添加了一些新代码(编辑1),如果您能帮助我完成最后一块拼图,我们将不胜感激。请尝试(在fancybox中打开的页面内)在
表单中添加属性
onsubmit=“parent.$.fancybox.close();”
查看参考对不起,我认为我不能使用onsubmit方法,因为我使用的CMS登录表单标记没有onsubmit参数。但我刚刚尝试过&参数确实有效,尽管它没有被记录在案!:)好消息是,当单击“提交”按钮时,它关闭了模式,但坏消息是,这种情况似乎发生得太快,登录表单无法正常工作(在模式中登录后,我将不得不将用户发送到“成功”页面。加载此成功页面时,是否可以使父级。$.fancybox.close();在脚本标记中加载页面时运行?谢谢。然后,在成功页面中尝试添加
任何有效的内容
$(".login-popup").fancybox({
    maxWidth    : 310,
    height      : 300,
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    'afterClose':function () {
        window.location.reload();
    },
  });