Javascript jQuery移动弹出窗口

我在iPad（Safari）上使用表单时，在jQuery mobile上弹出窗口时遇到麻烦

当我调整页面大小或使用virtuel键盘时，页面上的弹出窗口会完全模糊，恢复正常

我的弹出窗口：

    <div data-role="popup" id="popupConjoint" data-dom-cache="true"  data-theme="a" data-position-to="window">
    <a href="#" data-rel="back" data-role="button" data-theme="g" data-icon="delete" data-iconpos="notext" class="ui-btn-right radius">Close</a>

        <div data-role="header" data-theme="e">
        </div>
        <div data-role="content" data-theme="a">

        <div id="popup_Conj_div1">
             <div>

        </div>
            <div id="popup_Conj_div2" style="display:none; text-align : center;" >
            </div> 

            <div id="popup_Conj_div3" style="display:none;">
            </div>
    </div> 
</div>

---

您是否尝试将此添加到css中

.ui-popup { -webkit-transform:translateZ(0) }

有人在下面的论坛上提到了类似的问题

---

玛拉·姆法的回答对我解决同样的问题没有帮助

通过添加以下内容解决此问题：

.modal.fade .modal-dialog {
-webkit-transform: inherit !important;
-moz-transform: inherit !important;
-o-transform: inherit !important;
transform: inherit !important;
}

我正在使用ui引导，所以可能这就是我需要另一个解决方案的原因

.modal.fade .modal-dialog {
-webkit-transform: inherit !important;
-moz-transform: inherit !important;
-o-transform: inherit !important;
transform: inherit !important;
}