jquery - 如何停止无样式内容的闪现

标签 jquery html css

这只是一个简短的问题,我没有真正的例子,但我正在使用定制的 cms,目前我们无法访问网页的头部,因此必须将一些 css 放在头部之外导致页面加载时出现非样式化内容。

只是想知道她身边是否有人知道使用 jquery 或其他方法快速解决这个问题。

我知道放置非内联的 CSS 是不好的做法,但我想知道是否有工作轮次。

感谢任何帮助

最佳答案

处理 FOUC 的基本解决方案是将其隐藏,直到它被正确设置样式。

我假设您可以控制无样式显示的内容?在这种情况下,将其包装在 <div id="some-div" style="display:none">... content ... </div> 中.然后在整个文档准备好后使用 jQuery 显示它:

$(function() { $("#some-div").show(); });

关于jquery - 如何停止无样式内容的闪现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11640238/

相关文章:

javascript - 如何取消绑定(bind)到元素的点击事件?

html - CSS Flexbox(或Grid): 2 columns, 行换行,无增长,内边距

jquery - div 的底部粘在可拖动的 div 上

javascript - 没有值时更改输入和文本区域背景颜色

javascript - 单击链接时显示每个页面的内容

javascript - jquery $(this).attr ('href' ) 返回未定义

javascript - Javascript 中的错误 - 打开 URL 加上用户使用 Javascript 输入的文本

javascript - Canvas 的绘图线

javascript - 无法在 Safari 中使用 javascript 更改网站图标

html - 在列表框中创建滚动条