Question

当用户点击提交按钮时，我正在尝试使用带有gif图像的普通叠加层来实现页面加载器。提交按钮将执行asp.net回发，然后重定向到另一个页面。该页面可能会执行回发以进行一些数据检索。

目前，当重定向页面显示时，页面加载器将消失，因为页面仍在执行某些数据检索。

如果重定向页面完全加载，我怎样才能保持页面加载器显示？

目前，我使用此代码来显示加载程序

$('form').on('submit', function(){showLoader()});

Answer 1

这是您无法从父页面执行的操作。原因是每当您将页面重定向到其他域时，该域的内容将被加载。因此，保持前一页的装载机是不可能的。

您可以尝试的是，显示一些显示加载器的功能，直到页面加载完毕。并在通过父窗口打开页面时尝试调用它。

<强> See This

Answer 2

我假设您使用了主页/内容页面结构。为此，您可以在母版页上尝试以下代码。

 window.onbeforeunload = showLoader;
    function showLoader() {

        var id = '#overlay_form';
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({ 'width': maskWidth, 'height': maskHeight });
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow", 0.4);
        var winH = $(window).height();
        var winW = $(window).width();
        $(id).css('top', (winH / 2 - $(id).height() / 2 - 20));
        $(id).css('left', winW / 2 - $(id).width() / 2);
        $(id).fadeIn(2000);
    }

如何在提交时间按钮时显示页面加载器，直到重定向页面完成加载

2 个答案: