Pregunta

¿Hay alguna forma en que puedo detectar cuándo respondió el trabajo terminado?

En este momento, se tarda aproximadamente 1-2 segundos hasta que se muestre correctamente el diseño.Me gustaría agregar algún tipo de indicador de carga que se ocultará cuando respondrá .js que finalice su trabajo.

gracias.

ps.Conozco las buenas prácticas, pero el cliente está pagando el dinero.

¿Fue útil?

Solución

Puede simplemente ocultar el contenedor y mostrar el indicador de carga de forma predeterminada y luego use una consulta de medios para alternarlos.

.container {
    display: none;
}
.loading {
    display: block;
}
@media (min-width: 1px) {
    .container {
        display: block;
    }
    .loading {
        display: none;
    }
}

Los navegadores que admiten la consulta de medios mostrarán inmediatamente el contenedor y ocultarán el indicador de carga.Old IE no, hasta que la consulta de los medios sea procesada por responder.js.

Otros consejos

Advertencia: Rant

Piense en esto por un segundo.Piense en ser un usuario con su UI que está encerrado mientras está esperando que Modifique su diseño en un navegador antiguo (es decir, <9) con un motor de renderizado lento.Aquí está su solución:

<!--[if lte IE 8]>
<style type="text/css">
 body { min-width: 1020px; }
</style>
<![endif]-->

Los usuarios de IE8 prefieren desplácese a horizontalmente un poco (se usan para sub-óptimos UX, están usando IE8 después de todos !!!!) que responder. Los JS destruyen su experiencia de usuario porque está masticando por el navegador.actuación.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top