jquery - 页面加载后删除加载div答案

【问题标题】：jquery - removing loading div after the page has loadedjquery - 页面加载后删除加载div
【发布时间】：2016-01-16 17:15:57
【问题描述】：

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

重要提示：
我使用的是 JQuery 版本 2（我不知道确切的）

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

【问题讨论】：

不透明度为 1 表示完全可见。除非.progress 与您的加载程序匹配，否则代码中的任何内容都不会删除您的加载程序，如果下一行是为了匹配它，这将没有意义。
@JonathanLonowski：这似乎是他/她在问题结束时所说的，是的：“请注意，加载是我作为我自己的自定义标签放置的标签” i> 但我们仍然需要查看 HTML。

标签： jquery loader pageload

【解决方案1】：

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

如果你想删除它，remove它：

$("load").remove();

如果你想隐藏它，hide它：

$("load").hide();

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

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

【讨论】：

【解决方案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");
  });
})

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：