jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 花式框 – 如何在关闭iframe弹出窗口时刷新父页面?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当我关闭一个花式框弹出框架时,我希望我的父页面刷新.我在弹出窗口内有一个登录页面,所以当花式框关闭时,我需要刷新父页面显示新的登录状态.

我可以让它工作没有iFrame代码

@H_674_4@<script type="text/javascript"> $(document).ready(function() { $("a.iframefancybox1").fancybox({ 'width': 800,'height': 450,'onClosed': function() { parent.LOCATIOn.reload(true); ;} }); }); </script>

但是我无法让它使用iFrame代码

@H_674_4@<script type="text/javascript"> $(document).ready(function() { $('a.iframefancybox1').fancybox({ 'width': 800,'type' : 'iframe' 'onClosed': function() { parent.LOCATIOn.reload(true); ;} }); }); </script>

问题是与这一行有关:

@H_674_4@'type' : 'iframe'


一旦添加该行,弹出窗口停止工作.

任何人都可以建议一个解决方案,我如何获得一个iframe弹出框中的弹出框,并仍然让父页面刷新,当框关闭
谢谢!

解决方法

@H_674_4@$(".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);

@H_674_4@afterClose: function (opts) { if (this.overlay) { this.overlay.fadeOut(opts.speedOut || 0,function () { $(this).remove(); parent.LOCATIOn.reload(true); }); } this.overlay = null; }

大佬总结

以上是大佬教程为你收集整理的jquery – 花式框 – 如何在关闭iframe弹出窗口时刷新父页面?全部内容,希望文章能够帮你解决jquery – 花式框 – 如何在关闭iframe弹出窗口时刷新父页面?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。