Ejecutar código jQuery después de aplicar todas las reglas CSS

Question

$(document).ready() ejecuta el código cuando se han cargado todos los elementos HTML.

¿Cómo se ejecuta el código de jQuery después de que se hayan aplicado todas las reglas de CSS?

Tengo algunas hojas de estilo vinculadas a la página y lleva algo de tiempo cargar la página. El diseño del elemento cambia durante el tiempo de la carga.

Para fines de usabilidad, necesito corregir el diseño del elemento después de que todos ellos tengan tamaños de destino. De lo contrario, obtengo tamaños incorrectos de esos elementos.

Ahora lo hago en foco o después de un tiempo de espera, pero necesito esto después de que la página se carga.

Answer 1

$(window).load() se dispara después de que se haya cargado toda la página (imágenes, CSS, etc.).

Answer 2

$(window).load(function() { 

// executes when complete page is fully loaded, including all frames, objects and images 

alert("window is loaded"); 

});