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 example

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

2 个答案: