Jquery DIalog Stack保持在叠加层之上

Question

我遇到了jQuery ui-dialog插件的问题。发生的事情是，每当我有两个或多个堆叠的对话框时，每个对话框的叠加层都会出现在所有对话框的后面，因此没有一个被阻止。

版本：

Jquery： 1.10.2

Jquery-ui： 1.11.1

我如何打开它们：

function openDialog($divDialog, options){
    var optionsDefault = {
        modal : true,
        autoOpen : true,
        resizable : false,
        closeOnEscape : true,
        close: function(){
            $divDialog.dialog('destroy');
        }
    };
    $.extend( true, optionsDefault, options );
    $divDialog.dialog(optionsDefault);
    $divDialog.dialog( "moveToTop" );
    $divDialog.position({
        my: "center",
        at: "center",
        of: window
    });
}

我想我遗漏了一些关于对话堆叠的基本知识，所以希望你能提供帮助。提前谢谢！