Прогрессивное улучшение и начальное состояние отображения - PullRequest
1 голос
/ 11 августа 2010

У меня есть конкретный пример, но я также ищу ответ в целом.У меня есть элементы страницы, которые я хочу изначально скрыть, если включен JavaScript.

Примеры:

  1. Раздел формы, который переключает
  2. Кнопка отправки дляполе выбора 'форма перехода'

Я пытаюсь избежать "флэш-содержимого", когда элементы скрыты после загрузки страницы.


РЕШЕНИЕ

Я ставлю здесь полное решение для потомков.

Файл JavaScript, вызываемый в секции <head>: document.documentElement.className = 'js';

Стили, которые допускают изначально скрытые или показанныеэлементы:

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}

1 Ответ

2 голосов
/ 11 августа 2010

Проверьте это решение. Это работало для меня в прошлом:

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

...