ventana.onload vs documento.jQuery en español

Question

ventana.onload vs documento.jQuery en español

Tengo un sitio con dos columnas. Quiero tener la misma altura en ambos usando jQuery.

Estoy tratando de obtener la altura de la columna del logotipo. Tenía:

$(document).ready(function() {
    alert($('#logo').height());
});

Y no funcionó. Así que lo cambié a:

window.onload = function(){
    alert($('#logo').height());
}

Y está funcionando. ¿Qué está pasando aquí?

25

jquery window onload document ready

Author: Michael Currie, 2012-05-28

Source

2 answers

document ready se dispara cuando el DOM se ha cargado, por lo que información como height no está disponible, a menos que se declare explícitamente.

window onload espera a que los activos de la página se carguen por completo, por lo que ahora está disponible información como la altura.

34

Author: ahren,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-05-27 23:54:41

score 2 · Accepted Answer

Tuve el mismo problema en el manejo de la altura y el ancho de la imagen dentro de ready(documento)listo y encontré algunas referencias mejores para resolverlo... Espero que esto pueda ayudar a alguien

$(documento).listo()

El evento document ready se dispara cuando se carga el documento HTML y el DOM está listo, incluso si todos los gráficos no se han cargado todavía. Si desea conectar sus eventos para ciertos elementos antes de que se cargue la ventana, entonces $(document).listo es el derecho lugar.

Código:

$(document).ready(function() {
    // document is loaded and DOM is ready
    alert("document is ready");
});

$(ventana).cargar()

El evento de carga de ventana se disparó un poco más tarde, cuando la página completa está completamente cargada, incluyendo todos los marcos, objetos e imágenes. Por lo tanto, las funciones que se refieren a imágenes u otros contenidos de página deben colocarse en el evento load para la ventana o la etiqueta de contenido en sí.

Código:

$(window).load(function() {
    // page is fully loaded, including all frames, objects and images
    alert("window is loaded");
});