I set up a test on jsbin that exactly reproduces the problem. Please have a look.
http://jsbin.com/eqaba/ To reproduce, open both dialogs (order doesn't matter), and then close the filter dialog by clicking the "x" or "OK" button. If you then click the "filter" button, it brings both dialogs back. To see the source HTML and Javascript: http://jsbin.com/eqaba/edit Thanks, Matt On Oct 16, 8:44 pm, "Richard D. Worth" <[email protected]> wrote: > Doesn't sound like anything I've seen. You mention you have two dialogs in a > jQuery UI Tab. Does the issue persist if you remove the tabs and just have > two dialogs. Would be great if you could put together a minimal test page > demonstrating the problem. If you don't have a way to host the page > publicly, please post to jsbin.com:http://jsbin.com/ > > Thanks. > > - Richard > > On Fri, Oct 16, 2009 at 2:48 PM, Matt Ball <[email protected]> wrote: > > > 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 -~----------~----~----~----~------~----~------~--~---
