0

在 iPad (Safari) 上使用我的表单时，我遇到了 jQuery mobile 上的弹出窗口问题。

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

我的弹出窗口：

    <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>

我的弹出电话：

               $('#popupEnfant').popup();
    $('#popup_Enf_div1').show();
    $('#popup_Enf_div2').hide();
    $('#popup_Enf_div3').hide();    
            $( "#detailassureEnfant" ).popup("open");

看结果

4

2 回答 2

2

您是否尝试将其添加到 CSS 中？

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

有人在以下论坛中提到类似的问题

http://forum.jquery.com/topic/1-2-popup-picture-gets-blurry-on-my-android-4-0-phone-also-on-the-demo-page

于 2013-07-22T15:36:49.847 回答
0

mara-mfa 的回答并没有帮助我解决同样的问题。

通过添加解决它：

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

我正在使用 ui-bootstrap 所以也许这就是我需要另一个解决方案的原因..

于 2017-01-02T09:15:06.193 回答