jquery - Fancy Box - 关闭 iframe 弹出窗口时如何刷新父页面？

Question

我希望在关闭 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 ，并且在框关闭时仍然刷新父页面吗？谢谢!

Answer 1

$(".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;
}