javascript - 在这种情况下如何改善大表格的显示？

Question

我做了一个很大的表格，里面有很多元素。我使用 javascript(jquery) 使这个表单具有一步一步的效果。问题是，当页面加载时，在触发 javascript 行为之前，表单显示一团糟，并且显示了它的所有元素。有什么改进的想法吗？

score 1 · Accepted Answer

这种行为的一个常见术语是“flash of unstyled content”（这在搜索解决方案时很有用）。从技术上讲，您的内容已设置样式（假设页面的结构和解析正确），但您的 JavaScript 正在应用额外的样式规则，并且在页面加载之前它不会这样做。

我经常使用的一种技术是将元素设置为display:none直到我准备好使用它们。这并不总是实用的，因为有时元素必须是可见的和/或有一个显示框才能使特定的代码工作。

见这篇文章的想法。

score 1 · Accepted Answer

将所有表单元素组合在一个隐藏的 div 中（样式为 display:none）并显示“正在加载”消息。

当文档完成加载后，使用触发某种“启动”功能

$(document).ready(function() {
  //unhide the form here
})

2 回答 2