fancybox 关闭弹出窗口 parent.$.fancybox.close(); 无反应 fancybox 关闭弹出窗口父页面自动刷新,弹出子窗口前后事件

当我们在父页面使用 fancybox 弹出窗口后，如果想自己手动关闭，则可以

function Cancel() {
parent.$.fancybox.close();
}

如果关闭没有反应，最好看看父页面里面有没有设置type为iframe模式

 

$(function () {

$("#various3").fancybox({
onStart: function () {
var examId = $('input[name="examRadio"]:checked').val();
if (examId == null) {
alert("请先选择一条记录");
return false;
} else {
var oldhref = "IframeEditExam.aspx?eid=";
var newhref = oldhref + examId;
$("#various3").attr("href", newhref);
}
},
onClosed: function () {
window.location.href = window.location.href; //关闭弹出框之后自动刷新父页面
},
padding: 0,
autoScale: true,
type: 'iframe',  //这里一定要设置为 iframe  不然子页面里面 parent.$.fancybox.close();  无反应
width: 600,
height: 160,
openEffect: 'elastic'
});

});

这里要注意，如果希望在弹出子页面框之前能做一个判断,我们就使用fancybox的 onStart 的方法，如果希望子页面框关闭之后还能执行一个方法，我们就使用 onClosed 方法。

 

其他的可以参考

/article/5125036.html