thickbox子页面表单提交数据后刷新父页面

最新推荐文章于 2019-10-18 10:54:38 发布

原创最新推荐文章于 2019-10-18 10:54:38 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #html #ie

本文介绍了一种在子页面通过按钮点击实现关闭自身并刷新父页面的方法。使用自定义函数tb_rushmove()，该函数基于thickbox.js插件进行扩展，实现了在触发事件后关闭子窗口同时刷新父窗口的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

子页面添加按钮或链接，点击提交后关闭，刷新父页面。

最直接的方法，子页面中按钮添加：onclick="self.parent.tb_reshmove();"

tb_rushmove()是根据thickbox.js中tb_remove()写的方法，其实只加了一句：window.location.reload();

//刷新父页面,但为避免不操作而直接关闭也出现刷新的情况,重写的方法；当然还会有更好的方法
function tb_rushmove(){
$("#TB_imageOff").unbind("click");
$("#TB_closeWindowButton").unbind("click");
$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').trigger("unload").unbind().remove();});
$("#TB_load").remove();
if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
$("body","html").css({height: "auto", width: "auto"});
$("html").css("overflow","");
}
document.onkeydown = "";
document.onkeyup = "";
window.location.reload();//刷新
return false;
}