一个添加页面是弹出的,在这个页面需要再弹出一个页面来选择数据,但是当关闭第二个页面的时候弹出第二个页面的遮罩层还存在,无操作父级页面了,请问这种情况怎么来处理?
注:lhgdialog版本是 4.2的。
代码:
主页面:
<script src="jquery-1.7.1.min.js"></script> <script src="lhgdialog.min.js"></script> <script type="text/javascript"> $(function () { $("#show1").click(function () { $.dialog({ id: 'LHG1976D', content: 'url:first.aspx', lock: true }); }); }); </script> <form id="form1" runat="server"> <div> <input type="button" value="弹出" id="show1" /> </div> </form>
第一个弹出页:
1 <script type="text/javascript"> 2 var deptApi = frameElement.api, deptWin = deptApi.opener; 3 function OpenChild() { 4 deptWin.$.dialog({ id: 'CLHG1976D', content: 'url:second.aspx', lock: true, parent: deptApi, width: 200, height: 100 }); 5 } 6 7 //页面关闭 8 function Cancel() { 9 deptApi.close(); 10 } 11 </script> 12 <button id="child" onclick="OpenChild();">再打开一个锁屏窗口</button>
第二个弹出页:
<script type="text/javascript"> var api = frameElement.api, W = api.opener; //页面关闭 function Cancel() { api.close(); } </script> <body> <p style="color: #F00; text-align: center; margin-top: 30px;"> <button id="close" onclick="Cancel()">关闭</button> </p> </body>
这里在第二个弹出页面中点击关闭按钮时,第二个弹出页面会关闭掉,但弹出第二个页面的遮罩层还在,这样就导致当前无法对页面进行操作了。
弹出第二个页面时,关闭事件绑定OpenChild事件