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

你可能想看看https://stackoverflow.com/a/15929161/1178968

「設定的時間間隔顯示的對話框中，而不是把它一旦所示的頁面。」 - 奧馬爾

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