gpt4 book ai didi

javascript - 在 jQuery 执行时删除页面加载 'glitch'

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:38:35 25 4
gpt4 key购买 nike

我网站的用户在执行任何 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 执行时删除页面加载 'glitch',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1530527/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com