javascript - 渐进增强和初始显示状态

标签 javascript jquery progressive-enhancement

我有一个具体的例子,但我也在寻找一般的答案。如果启用了 JavaScript,我希望最初隐藏一些页面元素。

例子:

  1. 用于切换的表单部分
  2. 选择框“跳转表单”的提交按钮

当元素在页面加载后隐藏时,我试图避免“内容闪烁”。


解决方案

为了后代,我将完整的解决方案放在这里。

<head> 中调用的 JavaScript 文件部分:document.documentElement.className = 'js';

允许最初隐藏或显示元素的样式:

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

最佳答案

关于javascript - 渐进增强和初始显示状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3461152/

相关文章:

jquery - 视差缩小效果问题

c# - 如何在 ASP.NET MVC 中实现插页式 "loading..."页面?

jquery - 覆盖 jQuery 中的伪样式

javascript - 将新值推送到 React 钩子(Hook)中的嵌套数组

Asp.net 和 JavaScript 弹出窗口

javascript - 等待CSS中的背景图片完全加载

javascript - 是否可以独立于 tickSize 控制轴号?

html - 在 <p> 或标题中时,我们应该在 <br> 标签周围使用空格吗?

javascript - 如何在 HTML5 中读取内联 SVG 中的自定义命名空间节点?

javascript - 使用 new 创建时对象属性未定义