隐藏元素直到页面完成加载 – 使用jquery

前端之家收集整理的这篇文章主要介绍了隐藏元素直到页面完成加载 – 使用jquery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚编写一个非常简单的代码,以隐藏所有的元素,直到页面加载并显示一个指示符,而加载..(它的工作原理).

所以我要问的是要知道我做的是正确的,你打算提出什么.

HTML

<body>
    <div class="loading">
        <img src="indicator.gif"/>
    </div>

    <div class="content">
        <!-- page content goes here --> 
    </div>
</body>

jQuery的

$(document).ready(function(){
        $(".content").hide();
     });

    $(window).load(function(){
        $(".loading").fadeOut("slow");
        $(".content").fadeIn("slow");
     });

解决方法

您可能希望从开始隐藏内容div,以避免任何可能的页面闪烁,具体取决于页面上正在加载的内容.
<body>
  <div class="loading">
    <img src="indicator.gif"/>
  </div>

  <div class="content" style="display: none;">
    <!-- page content goes here --> 
  </div>
</body>


$(window).load(function(){
  $(".loading").fadeOut("slow");
  $(".content").fadeIn("slow");
});
原文链接:https://www.f2er.com/jquery/176148.html

猜你在找的jQuery相关文章