2012-03-09 13 views
7

Quando si utilizza $(document).ready(functioon(){alert("Loaded.")});, viene visualizzata la finestra di avviso "Caricato". anche prima del la pagina è stata caricata completamente (in altre parole, il caricamento continua ancora come immagini).Come rilevare se una pagina è stata completamente renderizzata usando jQuery?

Qualche idea?

+0

ready() viene eseguito per la pagina viene caricata, il che significa il puro testo html. Se vuoi controllare se tutte le immagini sono caricate, potresti dover scrivere più codici su alcuni gestori di eventi immagine Immagino che sia – hago

+0

Se vuoi davvero assicurarti che tutte le risorse siano caricate, dovrai ascoltare ognuna di queste loro. Puoi fare qualcosa di simile a questo: http://stackoverflow.com/questions/9332167/preload-audio-files-event - il codice nella risposta funziona abbastanza bene – m90

risposta

13
 

$(window).on('load', function() { 
    //everything is loaded 
}); 

 
+0

c'è qualche versione javascript pura di questo? –

4

Provare .load().

$(document).load(function() { 
    alert('Loaded'); 
} 

L'evento carico viene inviato ad un elemento quando e tutti sottoelementi stato completamente caricato. http://api.jquery.com/load-event/

+2

La (finestra) .load ha fatto il trucco per me anche se. (document) .load non sembra sparare quando l'ho provato. – Propeller

0

Utilizzo di javascript

window.onload = function() { alert("loaded"); } 
Problemi correlati