layer 弹窗黑屏
问题:前几天在使用Layer弹窗的时候出现如下黑屏
经过排查后得知:
原因:Layer的页面层弹出后无法再弹出它里面的内容
<div class="btn btn-danger" ng-click="show()">弹窗</div> <div id="testFather" style="display: none"> 这里是父内容<button class="btn btn-success" ng-click="show2()">继续弹窗</button> <div id="testChild" style="display: none"> 这里是子内容 </div> </div>
这里已经弹出了testFather后不能再弹出testChild,否则会黑屏
解决方法:把子div单独拿出来
<div class="btn btn-danger" ng-click="show()">弹窗</div> <div id="testFather" style="display: none"> 这里是父内容<button class="btn btn-success" ng-click="show2()">继续弹窗</button> </div> <div id="testChild" style="display: none"> 这里是子内容 </div>