Jquery 提交登录表单后,关闭Fancybox模式窗口并重新加载页面
我在FancyBox 2模式iframe窗口中打开了一个登录表单。但是,当您提交表单时,网页将在模式中打开 有人能告诉我是否以及如何关闭Fancybox模式,以及在提交登录表单时重新加载基础页面吗 以下是我当前的代码-在functions.js文件中: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
$(".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();
},
});