2010-03-25 57 views
14

我创建一个对话框,就像这个页面:当使用jQuery创建对话框时,如何隐藏对话框div?

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

(点击查看源代码)

底部是被放置在对话框中的股利。当被JavaScript调用时,该对话框工作得很好,但是当加载时,对话框显示在页面的底部。 (减去javascript函数调用时所应用的所有样式)

如何隐藏div并仍然允许对话框使用它?我尝试过设置style =“visibility:hidden” ,但是这可以防止在javascript调用时显示它。

回答

31

这可能是一个愚蠢的问题,而不是"visibility:hidden"你试过"display:none;"?我必须为我正在进行的一个项目解决同样的问题,并且我确信显示:没有任何工作。

您还可以使用

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

选项“初始化”对话框(从而隐藏它和所有的好东西)。唯一的问题是,当页面加载时,jQuery有机会隐藏它时,您可能会看到对话框“闪烁”。

+0

display:none是$ .hide()的工作方式,我确信jQuery UI在这种情况下使用它。 – JKirchartz 2010-03-25 04:37:48

+0

工作完美谢谢:) – stormist 2010-03-25 04:57:42

+1

你走哪一个显示:none或autoOpen:false? – R0MANARMY 2010-03-25 05:28:24