¿Cómo verificar si el documento está listo?

Question

Cómo verificar si el documento está listo (todos los archivos js cargados, DOM está listo) a través de jQuery? ¿Hay alguna bandera?

Enfrentando problemas si algunos de los archivos no se descargan por completo, y el evento es provocado por el usuario. Quiero verificar el controlador de eventos interno.

estoy usando jQuery, asp.net

Answer 1

Esto no está documentado, no creo, pero si nos fijamos en el código jQuery para $(document).ready:

// If the DOM is already ready 
if (jQuery.isReady) { 
    // Execute the function immediately 
    fn.call(document, jQuery); 
} // ... 

Así, por una manera que puede cambiar, puede utilizar $.isReady o jQuery.isReady.

Una mejor manera sería usar $(document).ready en línea. p.ej.:

function myClickHandler(event) { 
    // do stuff 

    $(document).ready(function() { 
    // Do this immediately if DOM is loaded, or once it's loaded otherwise. 
    } 
} 

Básicamente, esto utiliza la función de listo como protección. En lugar de una instrucción if, usa la función lista. Por supuesto, la función listada tiene el comportamiento que ejecutará una vez que se carga el DOM. Si su comportamiento solo quiere que suceda algo si está cargado, pero nunca lo hace si el DOM no está cargado todavía, entonces usar la bandera de arriba o establecer la suya es la mejor manera de hacerlo. El establecimiento de su propia:

$(document).ready(function() { 
    window.domIsReady = true; 
} 

if (window.domIsReady) { 
    // do stuff 
} 

La creación de su propia es probablemente mejor, ya que jQuery.isReady no parece ser documentada, y por lo tanto probablemente no es compatible y puede ser cambiado en cualquier momento.

Answer 2

¿Es esta una pregunta con trampa? :)

Lo que estamos buscando es document.ready

Ejemplo:

$(document).ready(function() { 

    alert ("document is ready!"); 

    }); 

Answer 3

Jquery tiene esta:

$(document).ready(function(){ 
    alert('document ready here') 
}); 

Se ha convertido en práctica común para envolver cualquier jQuery que manipula la DOM en un bloque $ (documento) .ready(), para garantizar que el DOM esté todo allí antes de continuar.

Answer 4

$(document).ready(function() { 
    // Handler for .ready() called. 
}); 

Answer 5

http://api.jquery.com/ready/ - ejemplo, como en la parte inferior de la página

Answer 6

una llamada de función simple de ver si la base es aún cargado.

jQuery(document).ready(function(){ 
     alert("howdy"); 
    }); 

alternativa, averiguar si se carga (mejor)

<script type="text/javascript"> 
if (typeof jQuery == 'undefined') 
{ 
    alert('not loaded'); 
} 
</script> 

para el corto NUTS OUT THERE: (sin typeof necesaria :)

<script type="text/javascript"> 
    if(!this.$) 
    { 
     alert('not loaded'); 
    } 
    </script> 

Answer 7

pensó que el document.ready el código solo se activó cuando el documento y todos los archivos se cargaron. Nunca tuve problemas con eso yo mismo.

Si tuviera el problema, colocaría una var en todos los archivos necesarios y verificaría si suman, coloque todo el código en un archivo.

Perdóname por no publicar una respuesta definitiva

Answer 8

¿Está buscando el window.onload evento nativa, por casualidad? Se activa cuando se ha cargado todo en la página (incluidos scripts, imágenes, hojas de estilo).

function doStuff() { 
    alert("The DOM and everything inside have loaded"); 
} 
window.onload = doStuff; 

Ver también: addLoadEvent.

Answer 9

creo que lo que buscas es el:

$(window).load(function(){ 
    alert("All content has been downloaded to the web browser") 
    }); 

cual no hice un blog de no hace tanto tiempo:

Answer 10

Desde el jquery 1.8.x .ready() api page, parece que la unión de una función de controlador de eventos utilizando el siguiente sintaxis resuelve el problema:

$(document).ready(handler); 

se llamará la función de 'mango' , incluso si el evento 'listo' ya se activó.