Question

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

谢谢。

Answer 1

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

window.opener.location.reload();

Answer 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>

Answer 3

实际上Thickbox不再被维护，因此使用不同的模态窗口可能会更好。话虽如此，我知道Facebox允许您绑定开箱和关闭事件，如下所示：

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

Answer 4

如果使用facebox，只需添加window.location.reload（）;在第148行附近，所以你最终会得到像... close：function（）{ （文档）$ .trigger（ 'close.facebox'）; window.location.reload（）; 返回false }

如果仍然使用Thickbox，我确信它也一样容易。搜索“关闭”并添加代码。

Answer 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（）

关闭模态窗口后刷新主页面

5 个答案: