Progressive Enhancement e stato di visualizzazione iniziale
-
27-09-2019 - |
Domanda
Ho un esempio specifico, ma sto cercando la risposta in generale pure. Ho elementi della pagina che voglio avere inizialmente nascosto, se è abilitato JavaScript.
Esempi:
- Una sezione di una forma che alterna
- Un pulsante di invio per una casella di selezione 'forma salto'
Sto cercando di evitare il 'contenuto Flash' quando gli elementi sono nascosti dopo il caricamento della pagina.
SOLUTION
sto mettendo la soluzione completa per l'amor del posteri.
file JavaScript denominato nella sezione <head>
: document.documentElement.className = 'js';
Gli stili che permettono di elementi inizialmente nascosti o mostrati:
.js .inithide {
display: none;
}
.initshow {
display: none;
}
.js .initshow {
display: block;
}
Soluzione
Controlla questa soluzione fuori. Ha funzionato per me in passato:
http: / /www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow