如何在使用jQuery重新加载页面期间继续显示请等待页面?
我使用的是jQuery1.6.2,在显示PleaseWait动画时,我必须禁用带有表单、选择和链接的页面上的所有元素 我在上找到了一个免费的动画,当时正在使用如何在使用jQuery重新加载页面期间继续显示请等待页面?,jquery,jsp,Jquery,Jsp,我使用的是jQuery1.6.2,在显示PleaseWait动画时,我必须禁用带有表单、选择和链接的页面上的所有元素 我在上找到了一个免费的动画,当时正在使用$('.gif').show()显示它,等待某些javascript函数完成,然后调用$('.gif').hide() 然而,我遇到了一些意想不到的事情。当用户在下拉列表中选择一个新项目时,加载的gif动画将显示,但不久之后,在与下拉列表关联的嵌套javascript函数中,它将使用数据库调用中的新数据调用页面刷新,并在调用hide函数之前
$('.gif').show()
显示它,等待某些javascript函数完成,然后调用$('.gif').hide()代码>
然而,我遇到了一些意想不到的事情。当用户在下拉列表中选择一个新项目时,加载的gif动画将显示,但不久之后,在与下拉列表关联的嵌套javascript函数中,它将使用数据库调用中的新数据调用页面刷新,并在调用hide函数之前删除我的动画
所以我的问题是,是否可以显示一个将在jsp中显示的动画,然后继续,直到重新加载完成
我使用类似的方法禁用链接单击事件:
$("a").click(function(event) {
// add some conditional logic here if animation is running then
event.preventDefault(); ...
那么,有没有更好的方法全局禁用页面上的所有元素,防止在选择下拉列表上发生单击事件或更改事件
后果:
我将Archer的建议用于背景部分,Jai的回答,以及这篇博客文章:,这篇关于使用a的文章,并提出了一个完全符合我需要的定制解决方案
谢谢大家的帮助,非常感谢 可以通过以下方式同时使用doc ready
和window load
:
$(function(){
$('.gif').show();
$(window).load(function(){
$('.gif').hide();
$('#wrapper').show();
});
});
最初需要隐藏包装div
,当窗口完全加载时显示包装
和隐藏gif
我发现的最简单的方法是用div覆盖页面,这样就不能在下面使用任何东西。你会考虑与加载动画的模态对话框吗?这里有很多(jQueryUI非常简单易用),我首先看了模态对话框,以前也用过其他jQueryUI小部件,所以我会检查一下。谢谢