javascript - jQuery Mobile 弹出窗口模糊

Question

在 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");

see the result

Answer 1

您是否尝试过将其添加到 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