jquery - 在页面加载后删除加载div

时间:2016-01-16 17:15:58

标签: jquery loader pageload

所以我创建了一个简单的方法来放置一个加载器。我已经装了一个装载机,并将主容器标签的不透明度设为0.4。但是当页面加载时,我的javascript没有删除加载器并将不透明度设置为1.所以我的代码在这里:

  

重要说明:
  我使用JQuery版本2(我不确切知道)

$(document).ready(function() {
       $(this).load(function() {
          $('.progress').hide();
          $('body').css("opacity", "1");
       });
    });

2 个答案:

答案 0 :(得分:2)

我认为你可能会误解不透明度。将不透明度设置为1意味着该元素完全可见,根本不透明。因此$("load").css("opacity", 1)可确保load元素完全可见。 (潜伏者:OP说他们有自定义元素类型,因此选择器实际上并不错。)

如果您要删除remove它:

$("load").remove();

如果你想隐藏它,hide它:

$("load").hide();

如果要使其完全透明,请将不透明度设置为0:

$("load").css("opacity", 0);

答案 1 :(得分:1)

您应该使用$(window).load()而不是$(document).load()



$(document).ready(function(){
  $(window).load(function(){
    alert("This can run");
  });
  $(this).load(function(){
    alert("This cannot run");
  });
  $(document).load(function(){
    alert("This cannot run too");
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;