模态iframe js关闭后，在父窗口上显示通知

Question

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

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

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

谢谢， 夏奇拉

Answer 1

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

中

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

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

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

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

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

Answer 2

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

top.yourfunction();

或

parent.yourfunction();