Android上的隐形jQuery Mobile Popup问题

Question

我在我的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> 

Answer 1

我已经固定它... 这是重新排列弹出，如果你有一个屏幕内多个弹出窗口，那些下面都会有这样的问题。所以要解决它，请将通用弹出窗口置于所有其他弹出窗口的顶部。