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
Post a Comment