iframe - 从 prettyPhoto iframe 刷新父页面

Question

我有一个调用 iframe 模式窗口的父页面，如下所示：

<script type="text/javascript" charset="utf-8">
                            $(document).ready(function(){
                                $("a[rel^='prettyPhoto']").prettyPhoto();
                            });

</script>

当 iframe 关闭时，我希望父页面刷新。

我需要向 iframe 添加什么代码？我需要先在父页面上创建回调函数吗？

Answer 1

我通过回调做到了：

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto(
    {
     modal: true, /*So it can be closed only with the button*/
     callback: function(){
       document.location.reload(true);
    }                       
   })
});
</script>

Answer 2

如果您仔细查看源代码，prettyphoto 会将 iframe 包装在包含所有按钮的 div 中。iframe 的唯一部分是实际内容。关闭按钮包含在父页面中。您将需要添加一个事件处理程序来.pp_close单击事件。

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto();
  $(".pp_close").click(function () {
    document.location.reload(true);
  });
});
</script>

Answer 3

<script>
    $(document).ready(function(){
        window.parent.refreshPage();
        window.parent.$.prettyPhoto.close();
    });
</script>

在你打开 iframe 的页面上有这个

window.refreshPage = function(){
    setTimeout(function() {
        window.location.reload();
    }, 500);
};