php - 一旦模态 iframe js 关闭，在父窗口上显示通知

Question

我在使用 fancybox 创建的模态 iframe 窗口中有一个表单。一旦用户提交表单，然后成功后我想关闭模式窗口并使用“已成功保存”消息更新父窗口上的 div。

我该怎么做呢？我知道如何关闭模式并刷新fancybox中的父窗口。但是我不明白如何将“已成功保存”消息发送到父窗口并使用此消息更新 div，以便用户可以看到。

如果有帮助，我愿意使用任何通知插件。

谢谢，夏奇拉

Answer 1

首先，我们需要在父窗口中创建一个允许我们进行修改的函数。不要将此函数包含在 $(document).ready(function(){ 或 $(function){ 中。

function updateParent(msg){  
  $('#divStatusUpdate').html(msg);  
}

现在我们有一个函数，它将“msg”的参数传递给函数。该函数将 'msg' 的内容应用于父级中 ID 为 divStatusUpdate 的 div。

现在我们有了一个为我们执行事件的元素。

$("#element").on('click', function(){
  window.parent.updateParent('This is a message from the iFrame to the Parent Div.');
});

只需创建 ID 为“divStatusUpdate”的 div，添加上述脚本，将#element 更改为您要使用的 ID 或 Class。

Answer 2

如果问题是从iframe更改顶部框架，您可以在顶部创建函数并从 iframe 调用它

top.yourfunction();

或者

parent.yourfunction();