关闭模态窗口后刷新主页答案

【问题标题】：Refreshing the main page after closing a modal window关闭模态窗口后刷新主页
【发布时间】：2009-10-23 16:27:14
【问题描述】：

在给定的网页上，我有一个使用Thickbox 打开模式窗口的链接。在那个窗口中，我有一个用于保存一些数据的表单。提交表单后，我关闭模式窗口。现在我的问题是：我可以在关闭模态窗口后刷新主页吗？

谢谢。

【问题讨论】：

【解决方案1】：

在表单提交后和窗口关闭前调用：

window.opener.location.reload();

【讨论】：

【解决方案2】：

假设这是您在模态模式下显示的 div。你必须调用tb_remove() 来关闭模态窗口。因此，只需在调用之前使用location.reload();。

<div id="modalContent" style="display:none">
  <form>
    ...
  </form>
  <p style="text-align:center">
    <input type="submit" id="Login"value="Click to close"
      onclick="window.opener.location.reload();tb_remove()" />
  </p>
</div>

【讨论】：

恐怕我必须修改Thickbox源才能添加那段代码。
为什么？是什么让你这么认为
因为我无法编辑源代码以便仅为该页面添加代码。

【解决方案3】：

实际上Thickbox 已不再维护，因此使用不同的模态窗口可能会更好。话虽如此，我知道Facebox 允许您像这样绑定盒子打开和关闭事件：

$(document).bind('close.facebox', function() {
 // do something here
})

【讨论】：

【解决方案4】：

如果使用 facebox，只需添加 window.location.reload();在第 148 行左右，所以你最终会得到类似... 关闭：函数（）{ $(document).trigger('close.facebox'); window.location.reload(); 返回假 }

如果仍然使用Thickbox，我相信它同样简单。搜索“关闭”并添加代码。

【讨论】：

【解决方案5】：

您可以使用 tinybox 插件轻松做到这一点：

http://sandbox.scriptiny.com/tinybox2/

var parentWindow = window;
$('#submit-deed-button').click(function() { 
    TINY.box.show({iframe:'submit_deed.html', closejs:function(){parentWindow.location.reload()}, post:'id=16',width:385,height:470,opacity:20,topsplit:3, boxid:'tinybox_container'}) 
});

关键是将父窗口作为 JS var 传递给函数，然后在该对象上调用 location.reload()

【讨论】：