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

【问题标题】：When creating a dialog with jquery, how do I hide the dialog div?使用 jquery 创建对话框时，如何隐藏对话框 div？
【发布时间】：2011-01-31 13:36:08
【问题描述】：

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

（点击查看源码）

底部是放置在对话框中的 div。该对话框在被 javascript 调用时运行良好，但在加载时该对话框在页面底部很明显。（减去 javascript 函数调用时应用的所有样式）

如何隐藏 div 并仍然允许对话框使用它？我试过设置 style="visibility:hidden" 但这会阻止它在被 javascript 调用时显示。

【问题讨论】：

【解决方案1】：

这可能是一个愚蠢的问题，但您尝试过"display:none;" 而不是"visibility:hidden"？我必须为我正在处理的项目解决同样的问题，并且我有理由确定 display:none 有效。

你也可以使用

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

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

【讨论】：

【解决方案2】：

您可以尝试以下对我有用的方法：

$("#form-dialog").dialog("close");

【讨论】：