Question

如果有一个忙碌的图标，只要点击一个按钮就会显示（页面显示出来并显示图标。但是我打算在页面繁忙时发生这种情况，而不是在点击按钮时发生。如果试图查看一些东西，例如.ready函数，但似乎无法使其正常工作...如何在javascript / jquery中设置它以在页面繁忙时显示并隐藏页面是否完全加载？（我仍然是javascript的初学者）..任何帮助将不胜感激..

这是当前的工作方式（但只有当我点击一个按钮而不是其他任何东西时（如清单）

    <script type="text/javascript">

    function ShowProgress() {
        setTimeout(function () {
            var loading = $(".loading");
            loading.show();
            var overlay = $(".overlay");
            overlay.show();
        }, 200);
    }


    $('form').live("submit", function () {
        ShowProgress();
    });

    $(window).load(function () {
        $('.loading').hide();
        $('.overlay').hide();
    });

    </script>

Answer 1

您可以在MasterPage中使用ASPX节点UpdateProgress

<asp:UpdateProgress ID="UP" DisplayAfter="10" runat="server">
   <ProgressTemplate>
      <!-- Insert your nodes 'loading' and 'overlay' here -->
   </ProgressTemplate>
</asp:UpdateProgress>

然后，当引发回发或回调时，将显示您的节点。

Answer 2

您需要的是请求拦截器。你可以查看$.ajaxSetup

页面忙碌图标仅显示在buttonclick上

2 个答案: