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
が複数ある)場合、特定する方法が分かりません。
何か良い方法は無いでしょうか?