Tema

Tengo una pantalla de carga que se usa para llenar el tiempo mientras un <div> está inactivo y quiero que desaparezca después de que finalice el tiempo total de bloqueo (TBT). Soy nuevo en el desarrollo front-end y no sé al 100% cómo hacerlo.

Soluciones fallidas

Se requiere mi pantalla de carga cuando el usuario hace clic en la sección del constructor. Tanto la pantalla de carga como las secciones del constructor se cargan con el documento y se ocultan usando .hide() y luego se muestran usando .fadeIn() .

He intentado usar los métodos jQuery .load() y .on("load", function(){}) así:

 // 'build' is a var declared as $('.build-container'); $(build).ready(function() { console.log("Build is loaded"); hideLoadingScreen(); });

Pero el problema con esto es que la build se carga con el documento, no cuando el usuario hace clic en el botón de compilación en la barra de navegación y, después de investigar un poco, descubrí que no es posible cargar un elemento de forma diferida si está en el archivo HTML. .

A continuación se muestra una captura de pantalla del tiempo TBT, ¿hay alguna forma de jQuery para .hide() después de que esto se complete?