jquery ui - ネストされたダイアログZ-インデックスの問題

Question

テーブルを表示するダイアログが表示されます。「削除」ボタンをクリックすると、別のダイアログボックスが表示され、確認を求められます。現在のところ、これは初めてうまく動作しますが、2回目の「削除」ボタンをクリックすると、削除ダイアログにの後ろにの最初のテーブルダイアログが表示されるので、実際には表示されません。

私は両方のダイアログのZインデックスを設定しようとしましたが、それは唯一の

は、以下の最初の時間で働いている理由を私は知らないが、私のスクリプトのサンプルです：

// The 1st dialog 
    var $detaildialog = $('#tableplaceholder').dialog({ 
     autoOpen: false, 
     modal: true, 
     width: '800', 
     height: 'auto' 

    }); 
    // Some steps to set the url.. then open the dialog 
    $detaildialog.load(url, function() { 

      $('#loading').hide(); 
      $detaildialog.dialog('open'); 
     }); 

    // Then, when delete action is called, open the second dialog 
    fnOnDeleting: function (tr, id, fnDeleteRow) { 
      var $dialog = $('#checkdeletedialog').dialog({ 
       autoOpen: false, 
       modal: true, 
       title: 'Delete Confirmation', 
       zIndex: 90000 
      }); 
      $dialog.dialog('open'); 
     } 

ここで間違っていることは何ですか？

は

Answer 1

:)おかげでtrueに二ダイアログの「スタック」プロパティを設定します。..任意の助けに感謝します。

function (tr, id, fnDeleteRow) { 
     var $dialog = $('#checkdeletedialog').dialog({ 
      autoOpen: false, 
      modal: true, 
      stack: true, 
      title: 'Delete Confirmation' 
     }); 
     $dialog.dialog('open'); 
    } 

詳細情報here

EDIT：オープニング後に奇妙な動作をするモーダルダイアログにも問題がありました。ダイアログを閉じたときにダイアログを「破棄」すると、問題が解決されることが判明しました。

var $dialog = $('#checkdeletedialog').dialog({ 
     autoOpen: false, 
     modal: true, 
     stack: true, 
     title: 'Delete Confirmation', 
     close: function() { 
      $(this).dialog('destroy'); 
     } 
    });