jquery - JQueryUI - Dialog over dialog not working in Chrome/IE -


i relatively new jquery , struggling following scenario in chrome/ie. it works in ff. have import dialog import number of records. while import in progress want show progress bar trying render modal dialog progress bar. chrome/ie won't render waitdialog.

here source code:

$("#itemimportviewdlg").dialog({         width: 600,     height: 650,     modal: true,     dialogclass: "no-close",     resizable: false,     draggable: false,     title: "import data",     closeonescape: false, //dont allow esc close dlg     buttons: {         "import": function() {                       $("#waitdialog").dialog({                 width: 350,                 height: 150,                 modal: true,                 dialogclass: "no-close",                 resizable: false,                 draggable: false,                 title: "progress...",                 stack: true,                 closeonescape: false, //dont allow esc close dlg             });              $( "#waitdialog" ).dialog( "movetotop" );              var weight = importitemstbl.fngetnodes().length / 100;             $("#importprogress").attr("aria-valuemax", $("input:checked", importitemstbl.fngetnodes()).length);              $("input:checked", importitemstbl.fngetnodes()).each(function(){                           // import functionality                           var progcnt = (itemaddedcnt/weight>>0);                           $('#importprogress').css('width', progcnt+'%').attr('aria-valuenow', progcnt);                                                                               $("#importprogress").text(progcnt+'%');                         });                    });          $("#waitdialog").dialog("destroy"); 


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -