jQuery模式覆盖整个页面

我有一个jQuery对话框，定义如下：

$(function ()
    {
        $("#addDocumentModal").dialog({
            modal: true,
            autoOpen: false,
            height: 300,
            width: 475
        });

        //allow asp.net button clicks
        $("#addDocumentModal").parent().appendTo(jQuery("form:first"));
    });

最后一行设计为允许ASP.NET按钮点击仍然可以处理，但是我遇到的问题是，当我在对话框的UI样式（尝试了两种不同的样式-全部来自）封面的背景图像中有这一行时，您将无法执行任何操作。去掉这一行可以使对话框按预期显示，但是按钮不起作用

注意，我还尝试了$（document）.ready（）（而不仅仅是$（function（））这并没有改变任何东西

---

有什么建议吗？我正在使用jQuery 1.9.1和jQuery UI 1.10.1。

不要尝试推送div的父级，将对话框推送到窗体中：

$(document).ready(function() {
    $("#addDocumentModal").dialog({
        modal: true,
        autoOpen: false,
        height: 300,
        width: 475
    }).parent().appendTo(jQuery("form:first")); //allow asp.net button clicks
});

---

如果这不起作用，请查看z-index上设置了model div的CSS。确保它低于对话框。

我也有同样的问题。当您将其设置为model时，Jquery（Jquery.UI）会自动转储一些inlune样式。以下是解决方案：

下载jquery.ui样式表，并将样式包括在您的解决方案中以进行自定义，并参考下载的：（下面的链接）

在这个样式表中，找到“ui前端”类

将z-index更改/添加到500，或一直更改，直到达到所需的值

---

干杯！！

我试过了，但没有成功-背景仍然覆盖了所有内容。我不完全确定你对z-index注释的意思，但我在主div（addDocumentModal）和.parent（）调用（即}）.css（'z-index'，10000.parent（）…）之前的JS中试过，但这没有改变任何东西。我看到了通过ui front类应用z索引的位置，关闭它可以显示我的物理div（ASP.NET按钮可以工作），但是模式标题和关闭按钮仍然隐藏在背景覆盖图像后面。