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

 分享| 2014-09-24 15:08 280885762  |  浏览 12559 次

  Javascript

比如说 <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>

点击提交怎么关闭弹出层

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

2014-09-24 15:31

提问者采纳

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

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

1 2 3 4

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

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