Últimamente he tenido un problema con mi CÓDIGO JavaScript y tomé una parte de mi código de mi $(document).ready() y lo puse dentro $(window).load() solucionó el problema.
Ahora entiendo que window.load se activa justo después de document.ready , pero ¿por qué no está listo después de document.ready , es decir, después de window.load() ?
load se llama cuando todos los activos han terminado de cargarse, incluidas las imágenes. ready se dispara cuando el DOM está listo para la interacción.
Desde el MDC, window.onload :
El evento de carga se activa al final del proceso de carga del documento. En este punto, todos los objetos del documento están en el DOM y todas las imágenes y subtramas han terminado de cargarse.
De la documentación de la API de jQuery, .ready(handler) :
Si bien JavaScript proporciona el evento de carga para ejecutar el código cuando se representa una página, este evento no se activa hasta que todos los activos, como las imágenes, se hayan recibido por completo. En la mayoría de los casos, el script se puede ejecutar tan pronto como la jerarquía DOM se haya construido por completo. Se garantiza que el controlador pasado a .ready() se ejecutará después de que el DOM esté listo, por lo que este suele ser el mejor lugar para adjuntar todos los demás controladores de eventos y ejecutar otro código jQuery. Al usar secuencias de comandos que se basan en el valor de las propiedades de estilo CSS, es importante hacer referencia a hojas de estilo externas o incrustar elementos de estilo antes de hacer referencia a las secuencias de comandos.
$(document).ready() significa que el DOM de tu página está listo para ser manipulado.
window.load() se activa cuando toda la página (incluidos componentes como CSS y archivos de imagen) se ha cargado por completo.
¿Qué estás intentando lograr?
$(document).ready(function(){ //code here }); El código anterior se usa casi siempre que trabajamos con jQuery .
Este código se usa cuando queremos inicializar nuestros códigos jQuery después de que el DOM esté listo.
$(window).load() A veces quieres manipular las imágenes. Por ejemplo, desea alinear vertical y horizontalmente una imagen y necesita obtener el ancho y la altura de la imagen para hacerlo. Con $(document).ready() no podrá hacer eso si el visitante no tiene la imagen ya cargada, en cuyo caso debe inicializar la función de alineación de jquery cuando la imagen termine de cargarse. Ahí es donde usamos $(window).load()