提交后刷新整个页面(Fancybox)
Refresh the whole page after submit (Fancybox)
我有一个页面,用户将在其中单击按钮,然后会出现一个fancybox弹出窗口,其中有一个php文件,其中包含您可以更新的所有字段。我想发生的是,在我按下更新按钮后,整个页面将刷新并关闭弹出窗口。但实际情况是,在我按下更新后,只有弹出窗口会刷新。我怎么能那样做?
在这个页面中,我回显所有的用户信息
emp_refer.php
<a id="various5" href="http://i-refer.elitebpocareers.com/refer/updateInfo.php">
<button class="button">Edit Personal Information</button>
</a>
<SCRIPT TYPE = "text/javascript">
$("#various5").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
</SCRIPT>
然后在更新后的第2页中,我做了这个代码,弹出窗口只刷新
echo "<meta http-equiv='refresh' content='0; url=emp_refer.php'>";
您可以做的是:
在第2页中,更新后运行fancybox.close()
方法,而不是meta
标签,如:
echo "<script>parent.jQuery.fancybox.close();</script>";
然后,在fancybox初始化脚本(emp_refer.php页面)中,将onClosed
回调添加到API选项中,并在其中运行location.reload()
,如:
$("#various5").fancybox({
'width': '75%',
'height': '75%',
'autoScale': false,
'transitionIn': 'none',
'transitionOut': 'none',
'type': 'iframe',
'onClosed': function () {
location.reload();
return;
}
});
注意:如果您使用的是fancybox v2.x,请使用afterClose
回调
相关文章:
- 强制模板刷新ember.js
- 如何通过ajax刷新JSF填充的javascript变量
- Fancybox是否将Click事件静音
- 如何解决Yii中的页面刷新问题
- 需要帮助谷歌地图方向面板在FancyBox中显示
- Jquery提交表单而不刷新
- 刷新页面后会出现警报
- 刷新后保留对网页的更改
- 如何在不刷新页面的情况下更新显示框
- 重定向时角度刷新浏览器
- 如何防止jQueryonclick事件中的Ruby方法在页面刷新时执行
- Javascript,输出结果后页面不断刷新
- $(document).height()在刷新时随机化值(Safari 5.1.10)
- 刷新父窗口后无法关闭窗口
- 刷新页面时hasClass不起作用
- X秒后刷新select元素
- chart.series[id].remove()无法刷新高位图表/高位股票中其他系列的图例属性
- 触发媒体查询断点时刷新页面
- 提交后刷新整个页面(Fancybox)
- fancybox 2图像刷新