Progressive Enhancement und erstmaliger Anzeige Zustand

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

Frage

Ich habe ein konkretes Beispiel, aber ich bin für die Antwort im Allgemeinen suche auch. Ich habe Seitenelemente, dass ich zunächst versteckt haben soll, wenn JavaScript aktiviert ist.

Beispiele:

  1. Ein Abschnitt einer Form, wechselt
  2. A-Senden-Schaltfläche für eine Auswahlbox 'jump Form'

Ich versuche, den ‚Inhalt Blitz‘ zu vermeiden, wenn die Elemente nach dem Laden der Seite versteckt sind.

SOLUTION

Ich bin die vollständige Lösung, die hier für die Nachwelt willen setzen.

JavaScript-Datei in <head> Abschnitt genannt: document.documentElement.className = 'js';

Styles, die für zunächst verborgen oder gezeigt Elemente erlauben: 

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}
War es hilfreich?

Lösung

Sehen Sie sich diese Lösung aus. Es hat sich für mich in der Vergangenheit gearbeitet:

http: / /www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top