Comment savoir $(window).load(); statut de jquery
J'ai créé un site de chargement de la barre de progression à l'aide de Jquery UI barre de Progression. Cette barre de progression indique l'état de scripts de chargement. Un échantillon est
$.getScript('_int/ajax.js',function() {
$("#progressinfo").html("Loading Complete ...");
$("#progressbar").progressbar({ value: 100 });
});
Cette barre de progression est en #indexloader
qui bloque le site web en cours de chargement derrière, son CSS est:
#indexloader {
z-index:100;
position:fixed;
top:0;
left:0;
background:#FFF;
width:100%;height:100%;
}
Après la barre de progression atteint 100%
, je veux masquer et supprimer #indexloader
pour que j'ai utilisé
$("#indexloader").fadeOut("slow",function() { $("#indexloader").remove(); });
Mais le problème est que, bien que les scripts ont chargé, les pages ne sont pas entièrement chargé, je vois des images et d'autres choses encore de chargement.
Donc, avant de disparaître et de retrait de la #indexloader
je veux vérifier si le $(window).load()
est terminé ou pas
Est-il un moyen de le vérifier?
OriginalL'auteur Starx | 2010-04-27
Vous devez vous connecter pour publier un commentaire.
Ajouter une propriété à
window
:Puis vérifier
window.loaded
avant de vous cacher#indexloader
.Parfait.Merci beaucoup!
OriginalL'auteur kevingessner
Est fondu sur le chargeur sur
window.load
une option? Semble que le moyen le plus facile de faire ce que vous voulez:Vous pouvez également définir une variable sur
window.load
, comme ceci:Puis changer votre fadeout code:
nice! J'ai été slowwww aujourd'hui, suis fait battre pour le punch environ 10 fois à moi-même ainsi
vous êtes à la droite $(window).load(function() { $("#indexloader").fadeOut("slow",function() { $("#indexloader").remove(); }); }); serait plus facile, mais je tiens à s'estomper après ma barre de progression atteint 100, dans ce cas, le $("#indexloader") commence à s'estomper avant de la progression atteint 100
Dans ce cas, vous pouvez utiliser la deuxième méthode à s'estomper lorsque cela est prêt, il suffit de coller le code de la fenêtre et en fonction de votre stuff et de la
if/else
où vous souhaitez déclencher le fondu.OriginalL'auteur Nick Craver