当前位置：文江博客话题详情

关闭模态窗口后刷新主页

发布于 2024-08-08 22:35:08 字数 112 浏览 9 评论 0原文

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

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

江心雾 2024-08-15 22:35:08

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

window.opener.location.reload();

Call this after the form is submitted and before the window is closed:

window.opener.location.reload();

回复收藏 0 原文

空名 2024-08-15 22:35:08

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

Suppose this is the div you show in modal mode. You have to call tb_remove() to close the modal window. So just use location.reload(); before that call.

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

回复收藏 0 原文

绅士风度i 2024-08-15 22:35:08

实际上 Thickbox 不再维护，因此最好使用不同的模式窗口。话虽这么说，我知道 Facebox 允许您绑定框打开和关闭事件，如下所示：

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

Actually Thickbox is no longer being maintained, so it might be better to use a different modal window. That being said, I know Facebox allows you to bind box open and close events like this:

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

回复收藏 0 原文

萌辣 2024-08-15 22:35:08

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

仍然使用 Thickbox，我确信它同样简单。搜索“close”并添加代码。

回复收藏 0 原文

旧梦荧光笔 2024-08-15 22:35:08

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

You can do this easily with the tinybox plugin:

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'}) 
});

The key is to pass in the parent window to the function as a JS var then you call location.reload() on that object

回复收藏 0 原文

~没有更多了~