如何在显示效果期间制作jQuery UI对话框模式？

Question

我有一个jQuery用户界面对话框，它是模态的，并显示与反弹的效果。我使用的主题是背景用条纹图像变暗。第一次打开该对话框时，条纹背景还会在反弹效果期间覆盖该对话框。弹出效果完成后，该对话框将变为模式，并显示在条纹背景的前面。在下一次打开时，该对话框会立即在背景前弹出。

如何让对话框立即出现在后台？

Answer 1

Tom的回答给我指明了正确的方向，Firebug非常有用！

该对话框包装在一个索引中，该索引是在ui\effects.core.js的createWrapper函数中生成的，我在其中添加了一个参数“z- <div class="ui-effects-wrapper"> =1005”(只是为了确保;)。

因此，在jquery-ui-1.7.2.custom.min.js中，它现在看起来如下所示

createWrapper:function(f){if(f.parent().is(".ui-effects-wrapper")){return f.parent()}var g={width:f.outerWidth(true),"z-index":1005,height:f.outerHeight(true),"float":f.css("float")};f.wrap('<div class="ui-effects-wrapper" style="font-size:100%;border:none;margin:0;padding:0;z-index:1002"></div>');

我不确定这是不是最好的方法，但它是有效的。

Answer 2

这听起来像是直到动画之后才分配对话框的zIndex。在你的CSS中试试这个：

.ui-dialog {
  z-index: 1002;
}

对话框通常有这个CSS类，覆盖图的zIndex通常为1000 (至少在我当前使用的版本中是这样)。如果这不起作用，请尝试找出(使用Firebug)哪些其他类仅在动画期间分配了，并为这些类分配了zIndex。