jQuery在加载页面之前删除或移动div内容的速度很慢

jQuery在加载页面之前删除或移动div内容的速度很慢,jquery,Jquery,注意这个链接,内容隐藏起来有多慢? 如果页面设置为blog,则两个顶部框应该隐藏。它们确实隐藏了,但你先看到它们。有办法解决这个问题吗 这是我的密码: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.10.2/TweenMax.min

注意这个链接,内容隐藏起来有多慢? 如果页面设置为blog,则两个顶部框应该隐藏。它们确实隐藏了,但你先看到它们。有办法解决这个问题吗

这是我的密码:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.10.2/TweenMax.min.js"></script>
<? if($_GET[p]=="blog")
{{?>    


<script>
$(document).ready(function() {

$("#iBox").hide();
$("#Banner").hide();
TweenMax.to($("#Content"), 0, {css:{ y:-360, opacity:1}, ease:Expo.easeInOut, delay:0});
TweenMax.to($("#Bar"), 0, {css:{ y:-360, opacity:1}, ease:Expo.easeInOut, delay:0});

});

</script>

<? }} ?>

$(文档).ready(函数(){
$(“#iBox”).hide();
$(“#Banner”).hide();
TweenMax.to($(“#Content”),0,{css:{y:-360,不透明度:1},ease:Expo.easeInOut,延迟:0});
TweenMax.to($(“#Bar”)、0、{css:{y:-360,不透明度:1},ease:Expo.easeInOut,延迟:0});
});
CSS

#iBox,#Banner { display:none; }
CSS

#iBox,#Banner { display:none; }

您已经将隐藏逻辑包装在document.ready()中,它将等待页面上的每一件事和资源都被加载。您可以在元素之后,而不是文档.Read()语句中考虑脚本块。否则,默认情况下隐藏它们也是一个好主意,正如nnnnnn所建议的那样。

您已经将隐藏逻辑包装在一个document.ready()中,该文件将等待页面上的每一项内容和资源都被加载。您可以在元素之后,而不是文档.Read()语句中考虑脚本块。否则,默认情况下隐藏它们也是一个好主意,正如NNNNNN所建议的那样。

您可以尝试反转,即默认情况下使用CSS隐藏它们,需要时使用JS显示它们。您可以尝试反转,即默认情况下使用CSS隐藏它们,需要时使用JS显示它们。