0

我正在使用 requireJS domReady 插件在 asp.net 网页上显示 jQuery 加载进度。

这是我正在使用的代码，

require(['domReady'], function (domReady) {
  domReady(function () {
    //Hide jQuery loading progress
  });
    //Show jQuery loading progress
});

问题：jQuery 加载进度显示良好，但只有在页面上加载 HTML 控件后才会开始。在幕后，一些 java 脚本仍在加载中。

加载 HTML（例如按钮）后，加载所有库后，jQuery 加载进度会出现星标并消失。我想在请求页面后立即显示 jQuery 加载进度。有什么建议么？

4

2 回答 2

1

默认情况下，您可以使用带有可见加载器（例如动画 gif）的固定 div，然后在页面加载后将其隐藏。

于 2015-06-15T18:00:57.527 回答
1

您可以使用 jQuery onload 函数：

$(window).load(function() {
    // Animate loading element
    $(".preLoad").fadeOut("afterLoad");
});

并且preLoad该类将在页面加载时显示的元素/gif上，完成加载后，它将显示afterLoad

在您的 CSS 中，您将拥有：

.preLoad {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(images/reloadImage.gif) center no-repeat #fff;
}

.afterLoad {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

在您的 HTML 中，您将拥有：

<div class="preLoad">

并且 preLoad/afterLoad 类将在页面加载之后和之前应用，每个类中包含的内容取决于您想要看到的内容。

于 2015-06-15T18:10:20.510 回答