h5中弹出浮窗层页面会卡住

Question

问题：
无论在安卓还是苹果，点击按钮打开浮窗层页面，整个浏览器会卡住，只能重新打开浏览器才可以继续使用

浮窗层页面：
需要动态添加数据，后台php循环浮窗层里的内容，导致浮窗层内容比较多
因需求中浮窗层的内容需要左右滑动，因此用了swiper插件，php循环也是循环的swiper中的代码

代码：

<div class="exam_info_result_box page">
    <div class="contianer">
        <div class="ui-display-block ui-border-bottom">
            <p style="line-height: 1.06rem;padding-left: 0.4rem;" class="ui-font-size-34 ui-color-39">{$examinfo.title}</p>
        </div>

        <div class="ui-overflow-y" style="height: 13rem;">
                <!--第一模块-->
                {volist name="portion" id="r"}
                <div class="datika_box ui-border-bottom">
                    <p class="ui-color-39 ui-font-size-30">{$r.title}</p>
                    <!--每一行-->
                    <ul class="ui-overflow-hidden">
                        {volist name="r.topic" id="topic"}
                        <li><div class="datika_choose" data-top="{$topic.id}" id="answer{$topic.id}" <?php if(isset($exam_cache[$topic['id']])){echo 'style="background: rgb(191, 191, 191); color: rgb(255, 255, 255);"';};?>>{$i}</div></li>
                        {/volist}
                    </ul>
                </div>
                {/volist}
            </div>
    </div>
    <!--确认交卷遮罩层-->
    <div class="true_box_bg">
        <div class="true_box">
            <p class="ui-text-center ui-font-size-34 ui-color-39">确认交卷？</p>
            <ul>
                <li onclick="$('.true_box_bg').fadeOut()">取消</li>
                <li onclick="save('#myForm','{:url(\'Study/submitfrom\')}','{:url(\'Study/evalua_result\',[\'examid\'=>$examinfo[\'id\']])}')">确定</li>
            </ul>
        </div>
    </div>
</div>