jquery

Question

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

Important Notes:
I use JQuery version 2(I don't know the exact)

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

Answer 1

我想你可能对不透明度有误解。将不透明度设置为 1 意味着该元素 完全可见 ，完全不透明。所以 $("load").css("opacity", 1) 确保 load 元素完全可见。 （潜伏者：OP 说他们有自定义元素类型，所以选择器实际上并没有错。）

如果你想删除它，remove它：

$("load").remove();

如果你想隐藏它，hide它：

$("load").hide();

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

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

Answer 2

你应该使用 $(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>

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

jquery - removing loading div after the page has loaded

loader

pageload