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

我正在创建一个如下所示的对话框：

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

(点击查看源代码)

底部是放在对话框中的div.该对话框在JavaScript调用时非常完美,但是当加载时,该对话框在页面底部显而易见. (减去JavaScript函数调用时应用的所有样式)

如何隐藏div并仍然允许对话框使用它？我试过设置style =“visibility：hidden”
但是阻止它在被javascript调用时被显示出来.

解决方法

这可能是一个愚蠢的问题,而不是“可见性：隐藏”你尝试过“显示：无”？我必须解决同一个问题,我正在工作的一个项目,我相当肯定显示：没有工作.

你也可以使用

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

选项“初始化”对话框(从而隐藏它和所有好的东西).唯一的抓住是,你可能会看到对话框“闪烁”,当页面加载,但在jQuery有机会隐藏它.