弹出加载窗口

popup loading window

本文关键字:窗口 加载      更新时间:2023-09-26

我想要一个弹出屏幕向用户显示我的应用程序的"这部分"或"那部分"正在加载......我的应用程序中的很多内容都是引用内容,因此有时加载需要一秒钟......

我是 Ajax 的新手(请原谅我),但我希望在 Ajax 或 JavaScript 中向用户显示一个弹出窗口,让用户知道当用户手指点击需要加载的内容时应用程序正在"加载"......例如,新屏幕上的内容。我希望我在这里说得通...我不知道从哪里开始,当涉及到实现这一目标时(因为我还不是代码战士,仍然有点绿色sry lol),所以任何帮助都值得赞赏。到目前为止,我正在使用JavaScript和HTML5,但是我需要一个弹出窗口加载窗口小部件...

您可能正在寻找类似于colorbox的东西.js(http://www.jacklmoore.com/colorbox)。更一般地说,您要查找的是模式对话框。模式对话框可以与更基本的对话框形成对比,这些对话框不会使屏幕的其余部分变灰。jQuery UI包含这样一个对话框,你可以在这里看到:http://jqueryui.com/demos/dialog/

当然,这些不会给你开箱即用的加载效果。您必须编写代码来检查与应用相关的任何加载条件,然后关闭对话框。执行此操作的一种非常简单的方法是将 setTimeout 与 ajax 调用结合使用,其成功处理程序会关闭对话框。或者,如果您没有办法跟踪加载状态,则可以使用简单的对话框提示用户等待(但这对用户来说不是特别好)。