2013-05-15 24 views
0

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

我对话的有dialog_1,dialog_2,dialog_3的ID ...和最小化的对话将有1_minimized,2_minimized ID ...

我想这对亲密点击功能,

$('.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也会关闭。

我怎么能限制它只关闭相应的最小化对话?

干杯

+0

请张贴我们的代码。 –

+0

ID不应只是一个数字或以数字开头。 http://www.w3.org/TR/html401/types.html#type-name – Shikiryu

+0

好的。会记住这一点。它是否会利用这个功能去做任何事情,或者它只是哟给我的基本知识。 – jeev

回答

0

你可以尝试像$('#'+dialog_id+'_minimized').hide();

因为如果你给它的空间将像对待$('# 1 _minimized').

但你的选择是$('#1_minimized')

+0

但这不是我的问题,$('selector')。hide();运作良好,但同时它也隐藏了所有的后代,我只想关闭那个特定的1_minimized,但是2_minimized,3_minimized也会被关闭。 – jeev

+0

好的。如果你在jsfiddle中显示你的问题将有助于检查问题。 – vinothini