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

Question

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

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

（点击查看源码）

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

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

Answer 1

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

您还可以使用

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

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

Answer 2

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

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