layer关闭的问题

layer弹出层应该是我们比较常用的一个组件了。

遇到个问题,就是弹出层加上下一个上一个,其实按理是比较好实现,点击上一个下一个按钮,调用一下layer.close即可,然而无奈的是弹出的是一个iframe,都不在一个页面,如何调用layer.close。

那可怎么办呢?

1
2
3
4
5
6
7
8
9
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.layer.open({
type: 2,
title: '详情',
shadeClose: true,
area: ['1000px', '96%'],
content: "..."
});

如上,我们可以调用parent.layer.close,并通过parent.layer.getFrameIndex获取副页面的layer元素,这样就实现此需求了。