1

我已经在其他网站和 SO 上看到过这个问题（只是 JS 或只是 CSS），但我还没有看到一个很好的可靠方法来做到这一点。

我的情况相当普遍。我正在使用 .NET MVC 并在 Visual Studio 中进行开发。我有一个 Site.Master 页面和多个视图，每个视图都有一个内容占位符，我在其中指定我的 JS 和 CSS 文件，如下所示：

<asp:Content ID="headerContent" ContentPlaceHolderID="HeaderContent" runat="server">
    <link href="../../CSS/example.css" rel="stylesheet" type="text/css" />
    <script src="../../JS/jquery/jQueryFile.js" type="text/javascript"></script>
    <!-- More files here -->
</asp:Content>

我的导航栏是一个精灵图像，类似于苹果网站上看到的那个。我有带有标题的站点部分，也类似于 Apple 的，它们是图像。所以我的网站不是特别多的图像，但特别是当我在 IE 中查看时（在某种程度上也包括 Firefox），网站在我眼前拼凑起来，同时它为插件加载图像和 jQuery 文件（数据表插件总是需要一秒钟才能应用于我的表）。

我宁愿在所有图像、CSS 和 JS 文件都加载完之前根本不显示页面。在我向他们展示所有加载的最终站点之前，一个漂亮的进度条，甚至是动画 GIF 就足够了。我认为 Gmail 的加载栏使用了同样的想法。

关于如何最好地实现这一目标有什么建议吗？非常感谢。

4

2 回答 2

0

我还没有尝试过，请谨慎尝试。在 $(document).ready 中，创建一个显示加载图标的叠加层，就像一个动画圆圈排序的东西。我假设你会命名它#overlay。

然后，在 $(document).ready 之外，试试这个

$(window).load(function(){
  $("#overlay").hide();
});

$(window).load 表示一切就绪：http: //4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

于 2010-03-01T15:59:42.363 回答
0

试试这个：http ://bytes.com/topic/javascript/answers/512734-how-make-progress-bar-while-browser-loading-page

于 2010-03-01T15:48:45.167 回答