Question

jquery的layer弹出层框架，如果设置 iframe弹出一个页面里是表单提交，提交完怎么关闭弹出层

比如说 <script type="text/javascript">
$('#sdf').on('click', function () {
$.layer({
type: 2,
shadeClose: true,
title: 'xxx',
closeBtn: [0, true],
shade: [0.8, '#000'],
border: [0],
offset: ['20px', ''],
area: ['720px', '240px'],
iframe: { src: '页面' }
})
});
</script>

弹出的“页面”内容为：
<form action="" method="get">
<table>
<tr>
<td>
请输入活动标题：
</td>
</tr>
<tr>
<td>
<input type="submit" value="提交" >
</td>
</tr>
</table>

</form>

点击提交怎么关闭弹出层
啊，我是提交完数据后怎么关闭弹出层

Answer 1

你看一下layer的官方演示里边就有在iframe中关闭自身的例子

在你上面的“页面”中，在你提交表单后执行

var index = parent.layer.getFrameIndex(window.name); //获取当前窗体索引
$('#提交的元素').on('click', function(){
    parent.layer.close(index); //执行关闭
});

你可能需要修改上面的"submit"提交为button提交