javascript - 关闭模态窗口后刷新主页

Question

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

谢谢你。

Answer 1

如果使用 facebox，只需添加 window.location.reload(); 在第 148 行左右，所以你最终会得到类似... close: function() { $(document).trigger('close.facebox'); window.location.reload(); 返回错误 }

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

Answer 2

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

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

Answer 3

假设这是您在模态模式下显示的 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>

Answer 4

您可以使用 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()

Answer 5

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

window.opener.location.reload();