Question

我有很多ASP.NET页面，其中页面的所有内容都放在每个页面的内容面板中。它们需要一些时间才能在请求时完全加载。现在我想显示一个GIF图像，并且该页面在完全使用JQuery加载之前仍然是不可编辑的。请不要在我处理内容面板时使用div标签给出示例。任何想法??

Answer 1

有些事情：

// once the DOM is ready
$(function(){
    // show #yourWrapper with loader img
});

// once all is loaded
$(window).load(function(){
    // hide #yourWrapper
});

加载器img可以是带有CSS样式的div / asp：面板。此设置的重要性在于html，body元素的高度100％。

html, body { height: 100%; }
#yourWrapper { height: 100%; background: url("../art/loader.png") no-repeat scroll 50% 50% transparent; overflow: hidden; }

Answer 2

你应该看看jQuery's load()。

这样的事情：

<!DOCTYPE html>
<html>
<body>
<img src="loader.gif" id="loader">
<script src="path/to/jQuery.js"></script>
<script>
$(document).ready(function(){
    $('#loader').load('some/url.html');
})
</script>
</body>
</html>

显示进度条并禁用页面的所有内容，直到页面加载为止

2 个答案: