Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/api/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在使用jQuery重新加载页面期间继续显示请等待页面?_Jquery_Jsp - Fatal编程技术网

如何在使用jQuery重新加载页面期间继续显示请等待页面?

如何在使用jQuery重新加载页面期间继续显示请等待页面?,jquery,jsp,Jquery,Jsp,我使用的是jQuery1.6.2,在显示PleaseWait动画时,我必须禁用带有表单、选择和链接的页面上的所有元素 我在上找到了一个免费的动画,当时正在使用$('.gif').show()显示它,等待某些javascript函数完成,然后调用$('.gif').hide() 然而,我遇到了一些意想不到的事情。当用户在下拉列表中选择一个新项目时,加载的gif动画将显示,但不久之后,在与下拉列表关联的嵌套javascript函数中,它将使用数据库调用中的新数据调用页面刷新,并在调用hide函数之前

我使用的是jQuery1.6.2,在显示PleaseWait动画时,我必须禁用带有表单、选择和链接的页面上的所有元素

我在上找到了一个免费的动画,当时正在使用
$('.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小部件,所以我会检查一下。谢谢