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

我已經固定它... 這是重新排列彈出，如果你有一個屏幕內多個彈出窗口，那些下面都會有這樣的問題。所以要解決它，請將通用彈出窗口置於所有其他彈出窗口的頂部。