JQuery диалог не появляется при загрузке страницы

Question

Я хочу показать диалог после загрузки страницы.

<div id="mobile-Page" data-url="/en/" data-role="page">
<input id="address" type="text" value="ad" name="firstName">
</div>
<div id="mobile-dialog" data-url="/en/" data-role="dialog">
 <label>text to be added </label>
</div>

Java-скрипт, включенный в следующем

<script type="text/javascript">
<script src="/_ui/mobile/common/js/jquery-1.10.2.min.js" type="text/javascript">
<script src="/_ui/mobile/common/js/jquery.mobile-1.3.2.min.js" type="text/javascript">
</script>

Я пытаюсь открыть диалог в документе, готовом следующим образом.

$(document).ready(function ()
{   
$.mobile.changePage('#mobile-dialog', {
            transition: 'pop',
            changeHash: true,
            //dialogForce: true,
            //role: 'dialog'
            reverse:false
        });
}

Я не могу видеть диалог после загрузки страницы, а также нет ошибок в консоли.

Answer 1

Вы можете проверить /questions/2178595/mobilnyij-dialog-jquery-pri-zagruzke-stranitsyi/2178598#2178598

Msgstr "Установите временной интервал, чтобы показать диалоговое окно, а не вызывать его после показа страницы." - Омар

$(document).on('pageshow', '#myPage' ,function () {
 if (getValue() == null) {
  setTimeout(function () {
   $.mobile.changePage('#dialog');
  }, 100); // delay above zero
 }
});