Невидимый jQuery Мобильный всплывающий вопрос на Android

Question

У меня есть проблема с мобильным всплывающим окном jQuery на моем устройстве Android. Я использую Android-устройство с ОС 4.4.4. Построение приложения с помощью 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

Я фиксированный его ... Это переставить всплывающее окно, если у вас есть несколько всплывающих окон в пределах экрана, те, которые ниже будет иметь такой вопрос. Поэтому, чтобы исправить это, доведите общее всплывающее окно до всех остальных всплывающих окон.