我想在页面加载后显示对话框。
<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
});
}
我无法在页面加载后看到对话框,也无法在控制台中看到错误。
答案 0 :(得分:1)
您可能需要查看https://stackoverflow.com/a/15929161/1178968
&#34;设置显示对话框的时间间隔,而不是在显示页面后调用它。&#34; - 奥马尔
$(document).on('pageshow', '#myPage' ,function () {
if (getValue() == null) {
setTimeout(function () {
$.mobile.changePage('#dialog');
}, 100); // delay above zero
}
});