Question

我正在处理一个包含大量＆lt; inputs＆gt;的页面。并且非常很长时间才能完成渲染。我无法更改页面内容，只能添加JavaScript（包括内联代码）。我需要阻止用户与表单交互，直到它完全加载，最好是暂时禁用＆lt; inputs＆gt;。这可能吗？

Answer 1

就像马修在评论中所说，先用CSS隐藏你的输入。然后添加一个在文档准备好后显示它们的类。假设你有jQuery：

$(document).ready(function() {
  $('form[name=someUniqueName]').addClass('loaded');
});

然后你的CSS：

form[name=someUniqueName] input {
  display: none;  // or visibility: hidden; if you want it to take up it's space
}

.loaded form[name=someUniqueName] input {
  display: initial; // or whatever you want it to be
}

当然，对于表单选择器，理想情况下，您可以使用可以使用的id或类名。只要该页面上的该表单具有独特性。

在页面渲染时修改DOM

1 个答案: