jquery ui - नेस्टेड संवाद जेड-इंडेक्स मुद्दे

Question

मुझे एक संवाद मिला जो एक तालिका दिखा रहा है, और जब मैं "हटाएं" बटन पर क्लिक करता हूं, तो मैं पुष्टि के लिए पूछने के लिए एक और संवाद पॉप अप करूंगा। वर्तमान में यह पहली बार ठीक काम करता है, लेकिन अगर मैं दूसरी बार "हटाएं" बटन पर क्लिक करता हूं, तो हटाएं संवाद के पहले तालिका संवाद के पीछे दिखाया गया है, इसलिए यह वास्तव में उपयोगकर्ता के लिए अदृश्य है।

मैं दोनों संवाद के लिए 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

सच करने के लिए दूसरा संवाद के "ढेर" संपत्ति सेट करें।

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'); 
     } 
    });