页面加载时jQuery / JavaScript“请稍候”窗口?

时间:2011-11-02 14:16:06

标签: javascript jquery load pageload

我有两个单独的页面,实际上需要相同的功能,所以我将它们组合成一个问题。

我想要的功能是一个模态窗口,而页面正在加载,但两个页面的不同之处在于这个带有等待文本的模态窗口应该出现。

当输入pageA时,它必须收集并计算大量数据,因此加载时间可能需要一些时间才能准备好。对于这个页面,我希望等待标志出现,直到页面完成加载。

PageB是一个表单。页面加载速度很快,但是当用户点击提交按钮时,代码会对数据执行一些不同的操作,因此它也可能需要一些时间,在这里我希望按下提交时出现模态javascript等待符号。我在同一页面上进行所有收集,检查,验证和插入,PageB,所以我不会在两页之间来回切换。

我已经在谷歌和不同的jQuery / JavaScript页面上寻找解决方案,但我一直在努力的是它应该适用于这两种页面,如果可能的话,或者为每个页面创建两个函数。
我也搜索过stackoverflow,但有点类似的问题并不是我正在寻找的,或者我只是不太了解解决方案。

非常感谢任何帮助,建议或提示。


- 梅斯蒂卡

2 个答案:

答案 0 :(得分:1)

查看jQuery UI对话框 - 它拥有您需要的一切......

http://jqueryui.com/demos/dialog/

对于pageA,请在页面顶部的<script>标记中调用该函数,然后在$(document).ready()函数中将其关闭

对于pageB,在提交表单时调用该函数,并在完成处理后关闭它...

答案 1 :(得分:0)

对于页面A,创建一个普通的HTML元素(和CSS)来显示加载指示符,然后在页面加载完成后将其隐藏在Javascript中。

要在禁用Javascript时使页面正常工作,请在<body>开头使用Javascript添加元素。