jQueryUI Dialogを複数開いた場合のz-indexの制御
jQueryUIのDialogを使って、親画面から子ダイアログ、子ダイアログから孫ダイアログ、という開き方をします。
modal: trueオプション付きです。
孫ダイアログを開いた場合、子ダイアログは孫ダイアログのオーバーレイ(.ui-widget-overlay)に隠れて欲しいのですが、どのように制御すれば良いでしょうか?
自分で調べてみたところ、zIndexオプションやstackオプションを使う方法が見つかりましたが、どちらも1.10で削除されてしまっています(1.11を使ってます)。
今から開くダイアログの.ui-widget-overlayが特定できれば、自分で$(...).css('z-index',...)として書き換えてしまえるのですが、複数のダイアログが開いている(.ui-widget-overlayが複数ある)場合、特定する方法が分かりません。
何か良い方法は無いでしょうか?