在做弹层的时候,由于里面涉及到搜索,及翻页等效果实现,而且要求不能翻页,考虑到采用ajax来实现太过麻烦,后来就折衷使用了iframe。
大概流程如下:
在页面打开添加推荐时,弹出iframe(由本页面的一个层包裹),在iframe页面选中要推荐的信息时,点击加入推荐按钮后,关闭iframe页面。这里由于之前没有接触过,有些纠结。问了一个程序,原来实现这么简单。
代码如下:
//关闭弹层
$(".close_button").click(function(){
parent.closeFrame();
});
这里做一个函数,上面代码在$的环境下。
//关闭iframe
function closeFrame(){
$(".hot_house").hide();
}
parent:该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。