在加载DOM之前，可以看到具有模态对话框内容的Div

Question

在我的应用程序中，我有一个相当大的表，需要一些时间来加载。

我有几个Jquery UI modal dialogs：

    $( "#element_copy" ).dialog({
        autoOpen: false,
        height: 600,
        width: 550,
        modal: true,
        close: function() { 
            $(":checked").removeAttr("checked");
        }
    });

对话框工作正常。

问题：

在整个表格和所有内容都加载之前，在窗口的底部你可以看到模态窗口的所有div。你会怎么防止这种情况？

Answer 1

将它们设置为display：none（通过样式属性或常见的css类）。 使用对话框（'打开'）后，它们将再次显示。

Answer 2

隐藏CSS中的对话框：

#element_copy, #another_dialog, #yet_another {
  display: none;
}

Answer 3

使用css隐藏所有元素