1

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

4

2 回答 2

2

类似于以下内容：

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

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

加载器 img 可以是具有 CSS 样式的 div/asp:panel。对这个设置也很重要的是html,body元素上的 100% 高度。

html, body { height: 100%; }
#yourWrapper { height: 100%; background: url("../art/loader.png") no-repeat scroll 50% 50% transparent; overflow: hidden; }
于 2013-05-03T11:56:12.597 回答
0

你应该看看jQuery 的 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>
于 2013-05-03T11:58:01.773 回答