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

Question

我正在为jquery对话框使用jquery-ui-1.8.18.custom.min.js。

以下是打开代码：

$('#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

在你可以通过jQuery的CSS（）函数明确地设置对话框的z-index的对话框打开的参数。我试图让对话框的zIndex选项在每次打开时都改变它的值，但它似乎只在初始化时设置了值。

的jQuery：

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

jsFiddle example。