javascript - 抵消 bootstrap/select2 渲染延迟？

Question

我在网站上使用 Bootstrap ，并在加载时使用以下代码将我的选择框变成 select2下拉菜单

$("select").select2();

但是，当加载带有选择下拉列表的任何页面时，在绘制 select2 替换项之前可以看到原始页面时会有短暂的延迟。当我的页面上的表单元素四处移动时，这非常不和谐。

有没有一种方法可以在我的后端 (ASP MVC3) 中生成 select2 HTML 并将其写到页面中，使 select2 插件仍能正确连接所有行为？

Answer 1

我寻求一个稍微简单一点的答案。所有表单元素现在都有 style='display:none;'。在页面加载时，我只需执行 $('form').show()

这是在任何 select2 命令的末尾，因此只有在其他所有内容都已呈现时才会出现该表单。

在延迟加载带有复选框的表行的情况下，我在复选框上设置 style='display:none;' ，然后在加载完成时显示它们的特定“页面”结果。