2016-01-16 141 views
-5

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

重要提示:
使用jQuery版本2(我不知道确切的)

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

手段*完全可见*。除非'.progress'匹配您的加载程序,否则代码中的任何内容都不会*删除*加载程序,如果下一行符合匹配条件,则这没有任何意义。 –

+1

@JonathanLonowski:这似乎是他/她在问题结尾处说的,是的:*“请注意,load是我作为自己的自定义标记放置的标记”*但我们仍然需要查看HTML。 –

回答

1

您应该使用$(window).load()不混浊的1 $(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>

2

我想你可能会误解不透明。将不透明度设置为1意味着元素是完全可见的,根本不透明。因此$("load").css("opacity", 1)确保load元素完全可见。 (潜伏者:在OP说,他们有一个自定义元素类型,这样选择是不是其实是错误的。)

如果你想删除remove它:

$("load").remove(); 

如果您要隐藏它,它hide

$("load").hide(); 

如果你想让它完全透明,不透明度设置为0 :

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