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

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

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

（点击查看源）

在底部是放置在对话框中的div。 当javascript调用时，该对话框非常完美，但加载时页面底部会显示对话框。 （减去javascript函数调用时应用的所有样式）

如何隐藏div并仍允许对话框使用它？ 我已经尝试设置style =“visibility：hidden”但是这会阻止它在被javascript调用时显示。

Answer 1

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

你也可以使用

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

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