Javascript Jquery对话框堆栈保持在覆盖的顶部

我在jQueryUI对话框插件方面遇到了问题。发生的事情是，每当我有两个或更多的对话框堆叠，每个对话框的覆盖到所有对话框的后面，因此没有一个对话框被阻止

版本：

Jquery:1.10.2

jqueryui: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
    });
}

---

我想我缺少了一些关于对话框堆叠的基本知识，希望您能提供帮助。提前谢谢

请修理screeshots@AlexFilatov屏幕截图很好，不模糊，不会有助于理解问题，相关信息清晰可见。elithin，jquery对话框被设计为始终处于最顶端。如果你想改变这种行为，你需要在启动对话框后更改它们的z索引。@Banana，我用插件的moveToTop方法解决了对话框堆叠问题。问题是，应该在每个内容的顶部创建对话框的覆盖，包括其他对话框rigth？@elithin我不确定，但是如果你检查它们，你会注意到z索引的差异。我认为对话框被设计为始终位于覆盖层之上，即使它意味着其他对话框的覆盖层。您只需选择覆盖并将其z索引更改为比旧对话框更多即可。@Banana，我发现两个对话框都没有z索引，而两个覆盖都有相同的z索引999。如果我将一对一覆盖添加到对话框的顶部，它会出现在对话框的顶部。是否我必须手动管理所有内容的z索引？