jquery - supprimer le chargement div après le chargement de la page

Question

J'ai donc créé une méthode simple pour mettre un chargeur. J'ai déjà mis un loader et mis l'opacité d'un tag de conteneur principal à 0.4. mais quand chargement de la page, mon javascript ne supprime pas le chargeur et définir l'opacité à 1. Donc, mon code ici:

Remarques importantes:
J'utilise la version JQuery 2 (je ne sais pas exactement)

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

Answer 1

Vous devez utiliser $(window).load() pas $(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>

Answer 2

Je pense que vous pouvez avoir de nombreux malentendus opacité. Définir l'opacité sur 1 signifie que l'élément est entièrement visible, pas transparent du tout. Donc $("load").css("opacity", 1) s'assure que l'élément load est entièrement visible. (Lurkers: l'OP dit qu'ils ont un type d'élément personnalisé, de sorte que sélecteur ne fait pas.)

Si vous voulez supprimer il, remove il:

$("load").remove(); 

Si vous veulent cacher il, hide il:

$("load").hide(); 

Si vous souhaitez le rendre totalement transparent, l'opacité est réglé sur 0 :

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