Rileva quando risponde.js Finito il lavoro

Question

C'è un modo in cui posso rilevare quando rispondi.JS ha finito il lavoro?

In questo momento ci vogliono circa 1-2 secondi finché il layout non viene visualizzato correttamente.Vorrei aggiungere una sorta di indicatore di caricamento che sarà nascosto quando risponde.JS finisce il suo lavoro.

Grazie.

PS.Conosco le buone pratiche ma il cliente sta pagando i soldi.

Answer 1

È possibile semplicemente nascondere il contenitore e visualizzare l'indicatore di caricamento per impostazione predefinita, quindi utilizzare una query del supporto per attivarli.

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

.

Browser che supportano la query del supporto mostrerà immediatamente il contenitore e nasconde l'indicatore di caricamento.Il vecchio IE non lo farà fino a quando quella query del supporto viene elaborata da Rispondi.js.

Answer 2

Avvertenza: Rant

Pensa a questo per un secondo.Pensa di essere un utente con il tuo interfaccia utente chiuso mentre stai aspettando un JS per modificare il tuo layout su un browser antico (cioè <9) con un motore di rendering lento.Ecco la tua soluzione:

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

.

Gli utenti IE8 preferirebbero piuttosto scorrere orizzontalmente un po 'orizzontalmente (sono abituati a UX sub-ottimali, stanno usando IE8 dopo tutto !!!!) che avere risposta.js distruggere la loro esperienza utente perché sta masticando il browserprestazioni.