页面繁忙图标仅在单击按钮时显示

本文关键字：单击 按钮 显示 图标 | 更新日期: 2023-09-27 18:26:53

If得到一个繁忙图标，每当单击按钮时就会显示该图标（页面变暗，图标显示。但我打算在页面繁忙时发生这种情况，而不仅仅是在点击按钮时。如果尝试查看一些东西，例如.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>

页面繁忙图标仅在单击按钮时显示

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

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

然后，当引发Postback或Callback时，您的节点将出现。

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

相关文章：