对话框hide()和show() - Jquery？

Question

我在我的页面中使用了3个对话框,用于3个差异目的.

我创建对话框为

  $(".dialog").dialog({
        height: 238,
        width: 465,
        resizable: false,
        title: "Edit"
    });

我在对话框上完成操作后关闭对话框为

   $(".ui-dialog").hide();

当我隐藏这种方式对话框没有第二次打开时,所以尝试显示对话框启动功能

  $(".ui-dialog").show();

我的问题从这里开始......

当我显示对话框时,Dialogs被多次打开,STill第一个打开的对话框正在与第二个对话框重叠,

是否有任何正确的方法隐藏和显示对话框没有重叠或干净的方式.

Answer 1

您需要使用窗口小部件提供的关闭(隐藏)和打开(显示)功能

$(".ui-dialog").dialog('close');
$(".ui-dialog").dialog('open');

Answer 2

如果您只想隐藏/显示对话框而不关闭它,您可以使用

$(".dialog").parent().hide()
$(".dialog").parent().show()