如何在加载整个页面之前显示jquery对话框？
在加载整个页面之前显示 jQuery 对话框，可以通过在 HTML 文档的 <head> 部分添加 JavaScript 代码来实现。以下是一个简单的示例：
- 首先，确保已经在页面中引入了 jQuery 和 jQuery UI 库。可以通过在
<head>部分添加以下代码来引入：
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>- 接下来，在
<head>部分添加以下 JavaScript 代码来创建并显示 jQuery 对话框：
<head>
...
<script>
$(document).ready(function() {
$("#dialog").dialog({
modal: true,
buttons: {
"确定": function() {
$(this).dialog("close");
}
}
});
});
</script>
</head>- 最后，在
<body>部分添加对话框的 HTML 内容：
<body>
...
<div id="dialog" style="display:none;">
<p>这是一个 jQuery 对话框，将在页面加载之前显示。</p>
</div>
...
</body>这样，当用户访问页面时，jQuery 对话框将在加载整个页面之前显示。用户可以通过点击“确定”按钮关闭对话框，然后继续浏览页面。
相关·内容
1回答
当我知道页面需要一段时间才能加载时，我希望在页面加载时显示进度指示器。理想情况下，我想说的是：并且在正在加载的页面的顶部具有该覆盖(在操作完成之后消失)。编写进度条和显示进度不是问题，问题是在加载页面时弹出进度指示器。为此，我一直在尝试使用JQuery的对话框，但它们只在
浏览 1提问于2009-03-26得票数 7
回答已采纳
我使用href标记来使用引导打开对话框，其中一些数据将使用jquery显示，但我希望在使用href的网页中加载所有数据之前不能打开对话框。超链接在加载页面之前工作，但数据不会被提取到对话框中，也不会显示在对话框中。我希望在我的整个网页被加载之前，必须禁用这个href，或者必须用一个加载标志来代替这个href。
浏览 6提问于2014-07-09得票数 0
回答已采纳
我想在不重新加载页面的情况下更改<div id="main">内容。
最好的方法是什么？我想为我网站上的所有链接/按钮做这件事。
浏览 5提问于2017-10-20得票数 1
回答已采纳
根据jQuery移动文档( )，“当jQuery移动通过Ajax拉入内容时，页面加载小部件处理显示加载对话框的任务”。根据我的调试器，这是真的。但是，在AJAX完成之后，listview需要足够长的时间才能加载，因此仍然会有一段时间出现空白屏幕。
对于如何在Ajax请求完成后仍然保持默认加载消息，有什么建议吗？编辑:在单步执行jquery.mobile-1.3.1.js之后，我看到Transiti
浏览 6提问于2013-06-06得票数 0
我有一个网页，它打开一个包含“保存”按钮的jQuery UI对话框。
单击该按钮时，我希望重新加载对话框后面的整个页面(因为对话框中的一些修改信息显示在后面的页面中)。现在，我知道对话框和后面的页面实际上是同一页...因此，如果我执行window.location.reload();，整个页面都会重新加载，对话框显然会自动消失。
浏览 0提问于2012-04-17得票数 2
回答已采纳
我的editRecords.php页面上有以下代码。此页是一个记录表，当我单击视图链接时，它将打开一个对话框，其中包含displayRecord.php页面。问题是，如果我打开表中的最后一条记录，而不是打开/关闭对话框，并且editRecords.php页面保持原样，它似乎会重新加载，这会使我回到页面的顶部。function(){ });
浏览 1提问于2012-12-28得票数 0
3回答
我已经创建了一个用于存储隐藏图像的jQuery对话框，该对话框只能通过单击链接来触发。$('#dialogdialog').dialog('close'); </script>
代码正常工作，图像可以隐藏，直到我点击链接，然而，偶尔，当我刷新我的页面时，我会看到隐藏的内容出现在页面上几秒钟，但在整个页面完全加载后，它将再次被隐藏。
浏览 2提问于2017-01-31得票数 2
回答已采纳
我使用ajax通过jquery mobile alpha 4显示对话框，如下所示：success:$j("#wchkdiv(而不是锚标签)时，上面的代码会使对话框很好地转换到它的外观。(除了其他需要做的事情之外)，并且在对话框显示之前显示的内容页面现在再次显示。这意味着它不应该导致任何页面重
浏览 2提问于2011-06-19得票数 6
回答已采纳
当用户单击按钮或链接时，我使用SimpleModal jQuery插件显示一个覆盖整个页面的对话框，以防止用户在下一个页面加载之前的延迟期间单击另一个按钮或链接。显示下一页后，如果用户单击“后退”按钮，上一页仍显示SimpleModal覆盖，从而阻止用户使用该页。这是一个问题。如何使SimpleModal对话框在离开页面或用户单击“后退”按钮返回页面时自动关闭？
浏览 0提问于2010-03-13得票数 1
回答已采纳
1回答
从此页调用：protected void Page_Load(object sender, EventArgs e) ctrlWebMessage=WebApplication1.About;}public void Show(System.Web.UI.Page page, string strMessage) {
page.ClientScript.RegisterSta
浏览 1提问于2022-07-19得票数 0
我们有一个部分，其中包含一个jquery对话框以及创建该对话框的脚本。当我们第一次构建页面时，一切都很好。然后，我们用包含新对话框的新内容更新div，但当我们显示此对话框时，我们会得到以前存在的旧对话框。我已经尝试在加载新内容之前销毁对话框，在这种情况下，新对话框将不会显示。该对话框将打开，并显示一个按钮单击事件。使用j
浏览 0提问于2012-02-09得票数 0
我在一个简单的、典型的用例中使用jQuery对话框：$('myDialog').dialog({});<div id=当我在本地测试这个对话框时，它显示的非常好。但是，我刚刚注意到，在触发执行对话框调用的代码之前，HTML的内容实际上显示在我的myDialog页面上。所以，这让我相信两件事中的一件：
默认情况下，对话框的各个&
浏览 1提问于2012-04-24得票数 5
回答已采纳
然而，这对用户体验真的很糟糕，因为整个HTML页面、JS和CSS也将被重新加载。Ext.Msg.alert()
Ext.Viewpo
浏览 2提问于2013-09-16得票数 2
我在jquery-ui对话框中有一个jquery网格。每当我加载页面时，对话框在jquery隐藏它之前会显示一秒钟，这看起来有点奇怪，因为通常情况下，在用户单击按钮以显示对话框之前，它应该是不可见的。
浏览 0提问于2012-07-12得票数 0
回答已采纳
对不起，如果这看起来很简单，但是我查看了关于对话框的N+1视频，它显示的是在代码中创建对话框，而不是通过使用布局。ChangePasswordView.axml： this.SetContentView(Resource.Layout.ChangePassword); }
从视图模型调用对话框的显示
浏览 2提问于2013-09-17得票数 1
回答已采纳
4回答
作为JQuery的新手，我一直在寻找如何在加载页面时向用户显示等待图像。将请求提交到后端，然后返回结果并显示。我可以在选择按钮上显示等待图像，但是当页面使用displaytag呈现结果时，没有图像。图像和消息显示在页面的最后，而不是呈现页面的过程中。
如果有必要的话，可以使用IE。
浏览 0提问于2011-02-22得票数 0
我有下面的代码，用于在一个模态弹出窗口中打开一个aspx页面，但是问题是，一旦加载了模式弹出的主页，它就会重定向到iFrame中的页面。我也尝试使用jQuery模式弹出，但同样的问题正在发生。有人能告诉我它为什么要重定向吗。
谢谢
浏览 1提问于2020-08-12得票数 0
回答已采纳
1回答
我想加载一个单独的网站(如：维基百科文章)在网页的iframe中。在用户点击"show“按钮之前，Iframe是不可见的，但是当他点击的时候，整个页面会冻结一到两秒钟，直到iframe出现。是否有可能在后台加载iframe而不使站点冻结，如果不能，那么如何在iframe加载时显示加载gif？
浏览 2提问于2013-08-25得票数 1
2回答
我有一个运行django的网站的jquery moblie前端。在后端，我有一个generator对象来显示此信息。它被包装在一个HttpResponse对象周围，以便填充更新的流方面。一个简单的网页(只有html和body标签)演示了它的工作方式。然而，jquery mobile (至少在默认情况下)喜欢在显示页面之前加载整个页面。有什么想法吗？
浏览 0提问于2011-06-30得票数 4
回答已采纳
1回答
如何使页面在弹出窗口上逐步前进？
、、、、
请有人解释一下如何创建以下页面，以及我应该采用哪些技术：
在接下来的步骤中，该功能应该运行以从用户获取输入并将其保存到服务器。
浏览 6提问于2014-12-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
