Progressive Enhancement e stato di visualizzazione iniziale

StackOverflow https://stackoverflow.com/questions/3461152

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:

  1. Una sezione di una forma che alterna
  2. 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;
}
È stato utile?

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
scroll top