javascript – 在jQuery执行时删除页面加载’故障’

我的网站中的用户在执行任何jQuery代码之前在每个页面上看到半秒的故障.此代码操纵页面,以便您可以在一个大块中看到元素移动,使用户体验感觉笨重.在 JavaScript运行之前,我更喜欢不显示页面.

我在页面中使用Google Api提供的jQuery,如下所示：

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("jquery","1.3.2");
</script>
<script type="text/javascript" src="MyScript.js"></script>

在MyScript.js中：

google.setonLoadCallback(runOnLoad);    
function runOnLoad() {
    // Do stuff
}

有没有人知道在页面显示在浏览器之前是否可以运行JavaScript？

解决方法

您可以在主div中添加一个隐藏内容的css类,然后将该类删除为MyScript.js的最后一件事.

在你的html模板中：

<body>
    <div id="mainContent" class="hidden">
    </div>
</body>

css类：

.hidden
{
    display: none;
}

上次执行的MyScript.js语句：

$("#mainContent").removeClass("hidden");

javascript – 在jQuery执行时删除页面加载’故障’

解决方法

相关文章