我希望在关闭 Fancy Box 弹出框架时刷新我的父页面。我在弹出窗口中有一个登录页面,因此我需要刷新父页面以在 Fancy Box 关闭时显示新的登录状态。
<小时/>我可以让它在没有 iFrame 代码的情况下工作:
<script type="text/javascript">
$(document).ready(function() {
$("a.iframeFancybox1").fancybox({
'width': 800,
'height': 450,
'onClosed': function() {
parent.location.reload(true);
;}
});
});
</script>
<小时/>
但我无法让它与 iFrame 代码一起工作:
<script type="text/javascript">
$(document).ready(function() {
$('a.iframeFancybox1').fancybox({
'width': 800,
'height': 450,
'type' : 'iframe'
'onClosed': function() {
parent.location.reload(true);
;}
});
});
</script>
<小时/>
问题与此行有关:
'type' : 'iframe'
一旦我添加该行,弹出窗口就会停止工作。
任何人都可以提出一个解决方案,告诉我如何在 Fancy Box 中弹出一个 iframe
,并且在框关闭时仍然刷新父页面吗?
谢谢!
最佳答案
$(".fancybox").fancybox({
type: 'iframe',
afterClose: function () { // USE THIS IT IS YOUR ANSWER THE KEY WORD IS "afterClose"
parent.location.reload(true);
}
});
或者:
转到您的jquery.fancybox.js文件并转到1380行,它看起来像这样并添加parent.location.reload(true);
afterClose: function (opts) {
if (this.overlay) {
this.overlay.fadeOut(opts.speedOut || 0, function () {
$(this).remove();
parent.location.reload(true);
});
}
this.overlay = null;
}
关于jquery - Fancy Box - 关闭 iframe 弹出窗口时如何刷新父页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3269899/