最近的项目用到了jmpopups.js作为弹出框效果,现在想要做成在弹出框修改内容提交后,不关闭页面而是在页面刷新的效果。
其实只要用到jmpopups.js中reloadPopupLayer函数就可以了。
原js中关于这一个函数的源码如下:
$.reloadPopupLayer = function (name, callback) {
if (name) {
for (var i = 0; i < openedPopups.length; i++) {
if (openedPopups[i].name == name) {
if (callback) {
openedPopups[i].reloadSuccess = callback;
}
loadPopupLayerContent(openedPopups[i], false);
break;
}
}
} else {
if (openedPopups.length > 0) {
$.reloadPopupLayer(openedPopups[openedPopups.length - 1].name);
}
}
return this;
}
项目中调用的方法:
打开弹窗:
$.openPopupLayer({
name: "CIGAjaxPopupPurchaseOrderDetails",
url: url,
beforeClose: function (e) {
}
});
刷新弹窗:
$.reloadPopupLayer("CIGAjaxPopupPurchaseOrderDetails");