La fonction window.onload ne fonctionne pas sur Mozilla Firefox

J’utilise un écran de chargement pour une page Web et j’utilise la fonction window.onload.

Tout fonctionne très bien sauf dans les navigateurs Mozilla Firefox. Lorsque nous visitons ou actualisons la page pour la première fois avec la combinaison Ctrl + F5, l’écran de chargement ne disparaît jamais. si nous actualisons la page uniquement avec F5, alors cela fonctionne.

J’utilise le code ci-dessous

$(window).load(function(e) { $("#body-mask").fadeOut(1000,function(){ $(this).remove(); }); }); 

J’ai aussi essayé le code ci-dessous mais rien n’a changé.

 window.onload = function () { $("#body-mask").fadeOut(1000,function(){ $(this).remove(); }); } 

Pourquoi cela se passe?

S’il vous plaît aider.

Merci d’avance.

Le problème est causé par un autre plugin d’arrière-plan jquery qui est placé dans $ (document) .ready ()

Je l’ai déplacé à l’intérieur de la fonction $ (window) .load (), cela fonctionne maintenant parfaitement.

J’ai également déplacé une autre fonction pour redimensionner les images lors du chargement de la page. Quand il se trouvait dans le bloc $ (document) .ready (), il fonctionnait parfois mal si le temps de chargement était trop long, mais à présent, cela fonctionne également très bien.

 function resizeImages(){ //Some Code } $(window).load(function(){ $("#body-mask").fadeOut(1000,function(){ $(this).remove(); }); $.vegas({ src: backURL , fade:0 }); resizeImages(); }); $(document).ready(function(){ //Some Other code }); 

Essaye ça:

 $(document).ready(function(e) { $("#body-mask").fadeOut(1000,function(){ $(this).remove(); }); }); 

Lecture des différences entre les functions difference load et ready Quelle est la différence entre $ (window) .load et $ (document) .ready?

J’ai eu le même problème lorsque l’atsortingbut type était entré dans la balise script:

  

Vous devez appeler la fonction à l’initialisation comme:

 window.onload = init(); 

autrement dit, modifiez votre code pour:

 window.onload = function () { $("#body-mask").fadeOut(1000,function(){ $(this).remove(); }); }();// Added 

Copiez le code suivant dans le fichier puis ouvrez-le avec firefox