使用jquery创建对话框时，如何隐藏对话框div？

Question

我正在创建一个类似于此页面的对话框：

http://jqueryui.com/demos/dialog/#modal-confirmation

（点击查看来源）

底部的

是放置在对话框中的div。当javascript调用时，该对话框工作正常，但加载时页面底部的对话框显而易见。 （减去javascript函数调用时应用的所有样式）

如何隐藏div并仍允许对话框使用它？我试过设置style =“visibility：hidden” 但这可以防止它被javascript调用时显示。

Answer 1

这可能是一个愚蠢的问题，但您尝试"visibility:hidden"而不是"display:none;"？我必须为我正在进行的项目解决同样的问题，我相当确定显示：没有工作。

您也可以使用

$(foo).dialog({ autoOpen: false });

选项“初始化”对话框（从而隐藏它和所有好东西）。唯一的问题是，你可能会在页面加载时看到对话框“闪烁”，但在jQuery有机会隐藏它之前。

Answer 2

您可以尝试以下对我有用的东西：

object_list