微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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");

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐