在使用jQuery加载div后显示内容

Question

如何在要加载div的背景后显示我网站的所有内容？ 由于基金只是一个预览布局，它非常沉重，所以我希望它只在加载后显示。

我尝试使用$（document）.ready（）但它没有用。 以下是我的错误尝试：

HTML代码：

<!-- This is a DIV with Background -->
<div class="example" style="display: none;"></div>

Javascript代码：

$(document).ready(function(){
     $(".example").show();
})

因此在加载页面后显示div，而不是在加载后台后显示。 我该怎么办？

Answer 1

而不是文档就绪使用窗口加载 - 但它将等待所有其他图像和资源加载以执行

$(window).load(function(){
     $(".example").show();
})