JQueryUI - 对话框无法在Chrome / IE中运行

Question

我对JQuery相对较新，并且在Chrome / IE中遇到以下情况。 在FF中完美运行。 我有一个导入对话框，我们导入一定数量的记录。因此，当导入正在进行时，我想显示一个进度条，所以我试图用进度条渲染另一个模态对话框。 Chrome / IE不会渲染waitdialog。

以下是源代码：

$("#itemimportviewdlg").dialog({
        width: 600,
    height: 650,
    modal: true,
    dialogClass: "no-close",
    resizable: false,
    draggable: false,
    title: "Import Data",
    closeOnEscape: false, //dont allow esc to 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 to 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");