jQueryのUIダイアログのZ-インデックスの問題

Question

jQueryのダイアログに表示されるダイアログを取得しようとしています。私が抱えている問題は、上のダイアログが開いているときに、Z-indexesが間違っているため、ui-widget-overlayクラスのdivが第2ダイアログの後ろに表示されるのではなく、ここで

は、zインデックスの内訳です：

私は最初のダイアログを参照するダイアログ＃1としてオープンし、一つは、ダイアログ＃2とUIウィジェット・オーバーレイなどとして、この上に開設ui-widget-overlay＃1とui-widget-overlay＃2をそれぞれ指定します。

ダイアログ＃1が開放され、0

ダイアログ＃2として設定UIウィジェットオーバーレイ＃1のz-indexが開かれ、そのz屈折率が1に設定されているとのz屈折率が1に設定されていますui-widget-overlay＃2 z-indexを0に設定

ダイアログ2を閉じてもう一度開くと、この時間ダイアログ2のz-インデックスが2に正しく設定され、ui-widget-overlay＃ 2が正しく設定されている1

これが起こっている理由を知っている人はいませんか？jquery-uiの設定は、後続のダイアログのz-インデックスをインクリメントするために不足していますか？

編集：私はまた、私は、ダイアログのオプションでstack:trueを設定していると、それは何の違いをしなかったことを指摘したかった 。

Answer 1

私は意図したとおりに動作させるために少しのハックを使わなければなりませんでした。

基本的に私は、ダイアログの初期化のようなものであるように、モーダルが作成されたイベントを追加しました：私は、この答えを与えるために、以下のポストに

dialogWindow.dialog({ 
     modal: true, 
     create: function(event, ui) { 
      dialogWindow.parent('.ui-dialog').css('zIndex', 2) 
       .nextAll('.ui-widget-overlay').css('zIndex', 1); 
     } 
    }); 

感謝を。

How to fix the zIndex issue with jQuery Dialog UI