0

作为 JQuery 的新手，我一直在寻找如何在加载页面时向用户显示等待图像。

页面很简单，用户登陆页面，选择几个值，然后选择一个提交按钮。

向后端提交请求，然后返回结果并显示。我可以在选择按钮上显示等待图像，但是当页面使用 displaytag 呈现结果时，没有图像。

我尝试了以下方法：

<script type="text/javascript">

  $(document).ready(function() {
    $.blockUI({ message: '<h3><img src="../images/ajax-loader.gif" /> We are loading your request.  Please be patient.</h3>' });
  });

  $(window).load(function() {
    $.unblockUI();
  });  

</script>

但这似乎不起作用。图像和消息显示在最后而不是在页面呈现期间。

如果这很重要，请使用 IE。

4

4 回答 4

0

我有另一种方法是jquery ui ，特别是用于显示带有阻止界面选项的.gif图片的对话框小部件。然后，如果该过程完成，您可以简单地使用方法modal: true销毁对话框$( this ).dialog( "close" )

于 2012-04-05T15:42:17.880 回答
0

我将假设您向服务器发送 ajax 请求？如果是这样，您可以使用此答案所描述的jQueryajaxStart和方法。ajaxStop

于 2011-02-22T07:27:35.497 回答
0

$(document).ready(function(){}) 在页面加载/渲染后调用。使用 superUntitled 答案，使用 CSS，然后在页面加载后将其淡出。

于 2011-02-22T08:26:53.677 回答
0

使用 CSS：

#pageLoading { 
width:100%;
height: 100%;
background: black;
position:absolute;
z-index: 1000;
top: 0px;
left:0px;
}

您可以在其中创建一个带有加载 gif 的“掩码”。然后在页面加载时使用您的 jquery 淡出（） div。

于 2011-02-22T07:33:40.413 回答