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

Question

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

Answer 1

此行为的常见术语是“无格式内容的闪现”（在搜索解决方案时非常有用）。从技术上讲，您的内容已经设置了风格（假设页面已经过正确的结构化和解析），但您的JavaScript正在应用其他样式规则，并且在页面加载之前它不会这样做。

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

请参阅this article了解相关信息。

Answer 2

将所有表单元素分组为隐藏的div（样式为display：none）并显示“loading”消息。

文档加载完毕后，使用

触发某种“启动”功能

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