jquery - jquery 对话框 zindex 每次打开时都会增加

Question

我将 jquery-ui-1.8.18.custom.min.js 用于 jquery 对话框。

以下是打开的代码：

    $('#userDetLink').click(function (e) {
            $('#userDet').dialog('open');
        });

    $('#userDet').dialog({
        bgiframe: true,
        autoOpen: false,
        open: function (event, ui) {
            //do nothing
        },
        close: function (event, ui) {
            //do nothing
        },
        width: 470,
        modal: false,
        zIndex: 9999
    });

单击链接 (userDetLink) 时，它会打开对话框。每次单击链接时，它都会将 zindex 增加 1（10000、10001、10002，...），尽管我将 jquery 对话框的 zindex 设置为 9999。

有什么解决方法吗？

Answer 1

改变这个：

$('#userDet').dialog({
    bgiframe: true,
    autoOpen: false,
    open: function (event, ui) {
        //do nothing
    },
    close: function (event, ui) {
        //do nothing
    },
    width: 470,
    modal: false,
    zIndex: 9999,
    stack: false
});

Answer 2

在对话框的 open 参数中，您可以通过 jQuery 的 css() 函数明确设置对话框的 z-index。我尝试让对话框的 zIndex 选项在每次打开时更改值，但它似乎只在初始化时设置值。

jQuery：

open: function (event, ui) {
     $(".ui-dialog").css("z-index",9999);
},

jsFiddle 示例。