I have two dialogs that live in one jQuery UI Tab. The pre-init markup
for the two dialogs:
<div style="display: none;" id="filterDialog">
<div>
<input type="checkbox" checked="checked" value="AO"
name="type"/>AO<br/>
<input type="checkbox" checked="checked" value="AR"
name="type"/>AR<br/>
<input type="checkbox" checked="checked" value="HQ"
name="type"/>HQ<br/>
<input type="checkbox" checked="checked" value="PR"
name="type"/>PR<br/>
<input type="checkbox" checked="checked" value="RS"
name="type"/>RS<br/>
<input type="checkbox" checked="checked" value="SS"
name="type"/>SS<br/>
<input type="checkbox" checked="checked" value="TT"
name="type"/>ST
</div>
</div>
<div style="display: none;" id="legendDialog">
<table id="legendTable">
<tbody>
<tr><td style="background-color: rgb(70, 132, 238); width:
1.5em;"/><td>AO</td></tr>
<tr><td style="background-color: rgb(220, 57, 18); width:
1.5em;"/><td>AR</td></tr>
<tr><td style="background-color: rgb(0, 0, 0); width:
1.5em;"/><td>HW</td></tr>
<tr><td style="background-color: rgb(255, 153, 0); width:
1.5em;"/><td>PR</td></tr>
<tr><td style="background-color: rgb(25, 142, 71); width:
1.5em;"/><td>RS</td></tr>
<tr><td style="background-color: rgb(153, 0, 153); width:
1.5em;"/><td>SS</td></tr>
<tr><td style="background-color: rgb(38, 216, 197); width:
1.5em;"/><td>TT</td></tr>
</tbody>
</table>
</div>
Here's how I initialize the dialogs:
$('#filterDialog').dialog({
title: 'Filter',
width: 200,
autoOpen: false,
draggable: true,
resizable: false,
buttons: {
'OK': function(){ $('#filterDialog').dialog('close'); }
}
});
$('#legendDialog').dialog({ title: 'Filter', width: 200, autoOpen:
false, draggable: true, resizable: false });
Each dialog is opened by clicking a button:
$('filterButton').click(function(event) { $('#filterDialog').dialog
('open'); });
$('#legendButton').click(function(event) { $('#legendDialog').dialog
('open'); });
The problem is this: if both dialogs are open simultaneously, closing
#filterDialog (by clicking the "x" button, or the "ok" button) also
closes #legendDialog. Once this happens, if I click the button to open
#filterDialog again, both dialogs are opened. Closing #legendDialog
does not cause any incorrect behavior.
All of the initialization for the filter button and dialog runs before
all of the initialization code for the legend button and dialog.
Reversing the order does not affect the inconsistent behavior
described above.
Has anyone else had similar problems, or have suggestions about what
might be going wrong? I've written a workaround for now, but it's a
hack and isn't a good solution to the underlying problem.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
