Question

如何在Main.Master页面中使用asp.net项目中的jquery显示加载Gif动画？每当花时间，我想展示这个Gif。

我在互联网上搜索但他们只显示一个控件的加载图像。这就是为什么我需要将这个jquery保存在一个地方（即：在母版页中）并且想要在所有内容页面上使用它，只要它花费太多时间来加载页面（第一次加载页面或点击按钮或任何事件）花时间）

$.ajax({
            type: "POST",
            url: "~/Jobs/ExportJobEntry.aspx",
            data: dataString,
            beforeSend: loadStart,
            complete: loadStop,
            success: function() {
                $('#form').html("<div id='msg'></div>");
                $('#msg').html("Thank you for your email. I will respond within 24 hours. Please reload the page to send another email.")
            },
            error: function() {
                $('#form').html("<div id='msg'></div>");
                $('#msg').html("Please accept my apologies. I've been unable to send your email. Reload the page to try again.")
            }
            return False);
        });
        $(document).ready(function () {
            $(document).ajaxStart(function () {
                $("#loading").show();
            }).ajaxStop(function () {
                $("#loading").hide();
            });
        });

我使用了这段代码，但它无效

Answer 1

您可以使用jQuery BlockUI插件。这是官方网站，请阅读文档

http://malsup.com/jquery/block/

Answer 2

你可以这样做

$(document)
  .ajaxStart(function () {
    $loading.show();
  })
  .ajaxStop(function () {
    $loading.hide();
  });

然后你可以定义$ loading你想要的

当页面加载太多时显示加载Gif动画

2 个答案: