页面加载时没有出现jquery对话框[重复]

Posted

技术标签:

【中文标题】页面加载时没有出现jquery对话框[重复]【英文标题】:jquery dialog not coming up on pageload [duplicate] 【发布时间】:2014-01-06 05:57:13 【问题描述】:

我想在页面加载后显示对话框。

<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
        );

页面加载后我看不到对话框,控制台也没有错误。

【问题讨论】:

你想在什么时候准确地调用对话框? 【参考方案1】:

您可能想查看https://***.com/a/15929161/1178968

“设置显示对话框的时间间隔,而不是在页面显示后调用它。” - 奥马尔

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

【讨论】:

似乎是显示对话框的问题。我需要在外部调用 dialog.show() 吗?

以上是关于页面加载时没有出现jquery对话框[重复]的主要内容,如果未能解决你的问题,请参考以下文章

页面加载时的 jQuery Mobile 对话框

避免页面重新加载以及使用 Javascript/JQuery 重新加载时 [重复]

ext-4.2.1.883 页面加载子页面

jQuery + CSS + IE 问题:页面加载时隐藏元素短暂出现

如何将 ASPX 页面加载到 JQuery 对话框中

前端技术--懒加载