0

这是我的 jQuery 代码

<div id="loading" class = "loading">
  <p><img src="../images/ajax-loader.gif" /> Please Wait</p>
</div>
<%@include file="footer.jsp" %>
<script type="text/javascript" charset="utf-8">
$(function(){
    $("#loading").hide();
    $("#loading").ajaxStart(function(){ 
        $(this).show();
     }).ajaxStop(function(){
         $(this).hide();
     });
});

每当页面上运行任何 Ajax 调用时，都会显示图片加载请稍候

我不希望用户当时与页面进行交互。我怎样才能做到这一点 ？

还请建议一些css，这将使我在jsp页面上加载图像（使用z-index或其他东西）。

谢谢 ！

4

2 回答 2

2

尝试使用 BlockUI 插件进行覆盖：http ://malsup.com/jquery/block/

用法：

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
于 2013-10-15T14:42:43.933 回答
1

async: false在您的 AJAX 属性中设置。

于 2013-10-15T14:41:22.803 回答