问题:前几天在使用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>

 

发表回复