jqueryui对话框，打开新对话框并关闭后面的对话框

Question

我的网站有一个页脚，可以打开4个不同的对话框，并从独立页面加载内容。

如果您从搜索引擎输入或键入url，则可以独立打开页脚页面。

我有一个打开页脚对话框的功能：

function FooterPopup(){
    $(document).ready(function(){
        $('#footerContactUs').on("click",function(){
            var $dialog=$('<div></div>').load($('#footerContactUs').attr('href')).dialog({
                close: function(event,ui){$(this).remove ();},
                autoOpen:false,
                width:700,
                height:610,
                resizable:'false',
                modal:true,
                show:'blind',
                hide:{effect:'blind',duration:300},
                dialogClass:'Contact'
            });
            $dialog.dialog('open');
            return false;
        });
    })
}

独立页面有链接，可以在不同的功能中打开另一个对话框

所以我有两种情况：

1.对话框在另一个对话框的顶部打开。

2.对话框从独立页面打开。

代码：

function Consult(){
    $(document).ready(function(){
        $('.ConsultHotels').on("click",function(){
            var $dialog=$('<div></div>').load($('.ConsultHotels').attr('href')).dialog({
                modal:true,
                close: function(event,ui){$(this).remove();
                $('.ui-datepicker').remove();},
                autoOpen:false,
                width:750,
                height:590,
                resizable:'false',
                show:'blind',
                hide:{effect:'blind',duration:300},
                open:function(event,ui){$('body').find('.ui-dialog-content').eq(0).dialog("close");},
                dialogClass:'ConsultClass'
            });
            $dialog.dialog('open');
            return false;
        });
    });
}

我的问题是，我不知道如何在第一种情况下关闭"家长"对话框，而在第二种情况下不关闭对话框。

请帮忙，

谢谢。

Answer 1

为什么不在打开新对话框之前关闭任何打开的对话框？

$('.ConsultHotels').on("click",function(){
  // first close any open dialogs.  This approach is used in stead of just doing a .hide()
  //  because it will invoke any dialog close callbacks.
  $('.ui-dialog-titlebar-close:visible').click(); 
  // now initialize your dialog.
  var $dialog = $('<div></div>').load($('.ConsultHotels').attr('href')).dialog();
});