如何在我的页面完全加载之前隐藏div(当加载微调器隐藏时)

时间:2015-12-14 10:31:53

标签: jquery

在加载期间显示微调器时,我试图在页面加载期间隐藏div。但它不起作用。

以下是我要做的事情:

<script language="javascript" type="text/javascript">
    $(window).load(setTimeout(function() {
        //$('#results').hide();
        $("#spinner").fadeOut();
       //$('#results').show();
    }, 3000));
</script>

我缺少什么?

如何在加载页面时隐藏我的div(id =结果),并且我想在页面完全加载后将其显示回来。我怎么能这样做?

2 个答案:

答案 0 :(得分:2)

您的代码(如果您取消注释#results内容)等待3秒,隐藏#result,淡化微调器,然后显示#result

您可能希望在等待三秒之前隐藏结果

<script language="javascript" type="text/javascript">
    $('#results').hide();
    $(window).load(setTimeout(function() {
        $("#spinner").fadeOut();
        $('#results').show();
    }, 3000));
</script>

当然,等待3秒并不是显示微调器的理想方式,但我将其留作读者练习,因为这与问题没有直接关系。

如果您默认隐藏#results,也可能是内联的,那么您的结果也会有所改善。否则,您可能会在慢速网络和/或慢速设备上出现延迟,导致显示#result,然后加载javascript / CSS并隐藏它,然后在隐藏微调器后再次显示它。 / p>

<div id="results" style="display: none"> ... </div>

答案 1 :(得分:2)

<hdiv:startParameter>.*</hdiv:startParameter>
System.Web.HttpUtility.HtmlEncode()
$( window ).load(function() {
  $('.show').show()
});