单击关闭图标,从容器中关闭相应的最小化对话框

时间:2013-05-15 09:21:28

标签: jquery jquery-ui jquery-dialog

我正在使用jquery-ui对话框,现在当我最小化对话框时,对话框最小化到左边的容器中。 我的问题是当我关闭对话框时,我也想从最小化的容器中关闭它。

我的对话框的id为dialog_1,dialog_2,dialog_3 ...并且最小化的对话框的id为1_minimized,2_minimized ......

我试过这个关闭点击功能,

$('.ui-dialog-titlebar-close').click(function(){
$( '#' + dialog_id + '_minimized').hide();
});

关闭和恢复按钮

$('#dialog_window_minimized_container').append(
            '<div class="dialog_window_minimized ui-widget ui-resizable ui-state-    default ui-corner-all" id="' + 
            dialog_id + '_minimized">' + this.uiDialogTitlebar.find('.ui-dialog-title').text() + '<span class="ui-min-icon ui-icon ui-icon-newwin"/>  <span class="ui-minimized-close ui-icon ui-icon-close"/></div>');

但它也会关闭所有下面的子对话框。例如,如果我有10个对话框,如果我点击第5个对话框的关闭,则所有以下6,7,8..10也会关闭。

如何实际限制它只关闭相应的最小化对话框?

干杯

1 个答案:

答案 0 :(得分:0)

你能尝试$('#'+dialog_id+'_minimized').hide();

吗?

因为如果你提供空间,它将被视为$('# 1 _minimized').

但您的选择器为$('#1_minimized')