逐步增强和显示初始状态

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

题

我有一个具体的例子，但是我在寻找答案的一般。我页元素，我想拥有最初隐藏，如果JavaScript启用。

实例：

  1. 一部分的一种形式，切换
  2. 提交按钮对于选择框'跳形式'

我试图避免的内容flash'当的元素是隐藏在网页载荷。

解决方案

我把全面的解决方案为子孙后代的缘故。

JavaScript文件呼吁在 <head> 部分: document.documentElement.className = 'js';

样式，允许最初隐藏或展示的要素：

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}
有帮助吗？

解决方案

检查这个解决方案。它已经为我在过去：

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top