z index - How to fix the zIndex issue with jQuery Dialog UI -


i having small issue dialog ui. marked zindex value high number seems ignoring it.

the following code

        $( "#number-add" ).dialog({             resizable: false,             width: 500,             modal: false,             autoopen: false,             stack: false,             zindex: 9999,             buttons: {             "add contact": function(e) {              var formdata = $('#number-add-form').serialize();              //submit record             $.ajax({                     type: 'post',                 url: 'ajax/handler-add-new-account-number.php',                      data: formdata,                 datatype: 'json',                 cache: false,                 timeout: 7000,                 success: function(data) {                                 $('#responceaddnumber').removeclass().addclass((data.error === true) ? 'errorbox' : 'passbox').html(data.msg).fadein('fast');                         if ($('#responceaddnumber').hasclass('passbox')) {                         $('#responceaddnumber').fadein('fast');                         $('#add-form').hide();                                        window.location.reload();                         settimeout(function() {                              $(this).dialog( "close" );                                                   }, 1000);                       }                  },                 error: function(xmlhttprequest, textstatus, errorthrown) {                      $('#response-add').removeclass().addclass('errorbox')                                 .html('<p>there an<strong> ' + errorthrown +                                       '</strong> error due a<strong> ' + textstatus +                                       '</strong> condition.</p>').fadein('fast');                            },                               complete: function(xmlhttprequest, status) {                                 if (   $('#response-add').hasclass('passbox') ){                         $('form')[0].reset();                     }                 }             });                 },             cancel: function() {                 $( ).dialog( "close" );             }          }     }); 

i set stack value false , zindex 9999. doing wrong here zindex not work? using jquery ui dialog 1.10.2.

thanks help.

i spent far long grappling issue in jquery ui 1.9. settled on brute force approach setting z-index modal dialogs.

$('#dialog').dialog({     modal: true,     zindex: 25,     stack: false,     open: function (event, ui) {         $('#dialog').parent('.ui-dialog').css('zindex', 26)             .nextall('.ui-widget-overlay').css('zindex', 25);     } }); 

you may need play dom traversal in open event select overlay, or omit if not using modal dialog, has given me reliable results.


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -