Android 上不可见的 jQuery Mobile 弹出窗口问题答案

【问题标题】：Invisible jQuery Mobile Popup issue on AndroidAndroid 上不可见的 jQuery Mobile 弹出窗口问题
【发布时间】：2015-06-19 14:24:51
【问题描述】：

我的 android 设备上的 jQuery 移动弹出窗口有一些问题。我使用的是 OS 4.4.4 的 Android 设备。使用 phonegap/cordova 构建应用程序。

这就是我复制问题的方式。首先我会到达一个页面，按下一个按钮触发一个条件来激活弹窗，然后我会按下返回或弹窗上的按钮来关闭它，当我再次按下按钮时，弹窗条件满足，但是弹出窗口未正确显示，它是不可见的。

这可能是什么原因？希望在这里得到一些帮助，我已将我的代码附在这个问题的底部。

提前致谢！

//When condition met, it will execute the following function with header and text parse in as string
    function openBox(header, text) {
        $("#message-header").html(header);
        $("#message-text").html(text);
        $("#message").popup("open");
    }

function closeBox() {
  $("#message").popup("close");    
}




<div data-role="popup" id="message" class="pop-up pop-up-std" data-overlay-theme="b" data-dismissible="false">
        <div class="container">
            <h2 id="message-header">Header</h2>
            <div class="msgBox">
                <div id="message-text" class="text">
                </div>
            </div>
        </div>
        <a href="#" class="btn ui-btn" data-rel="back" onclick="closeBox()">Start</a>
    </div>

【问题讨论】：

标签： android jquery cordova popup

【解决方案1】：

我已经解决了... 这是重新排列弹出窗口，如果您在一个屏幕内有多个弹出窗口，下面的那些就会有这样的问题。因此，要修复它，请将通用弹出窗口置于所有其他弹出窗口的顶部。

【讨论】：