Question

我正在使用fancybox在另一个页面（parent.htm）中显示一个页面（比如child.htm）。

我知道如何自动reload the parent page after closing the iFrame：

$(".fancybox").fancybox({
    afterClose : function() {
        location.reload();
        return;
    }
});

但是，我的要求更具体。我需要关闭iframe，然后仅在用户点击按钮时重新加载父页面（parent.htm）（例如：点击child.htm中的“OK”按钮）。

我所拥有的代码片段的问题是，即使我单击关闭图标或单击框架外的任何位置，父页面也会重新加载。这是我想要限制的。我的议程是仅在按钮点击时导致页面刷新。

Answer 1

我会尝试这样的事情：

  $('.fancybox').fancybox({
      href : 'child.html',
      type : 'iframe',    
      afterShow: function(){     
        $('.fancybox-iframe').contents().find('#button').click(function(){
             // do something
             ...

             // reload parent window and close fancybox
             window.parent.location.reload();
             window.parent.$.fancybox.close();
         }); 
       }
 });

FancyBox - 按钮上的重新加载父页面单击

1 个答案: