jquery - 带有 ASP.NET 回发的 jQuery 模态对话框

Question

我刚刚将我的 jQuery/ jQuery UI升级到最新版本（jQuery 1.9.0、jQuery UI 1.10.0），它似乎破坏了我的一些 jQuery UI 对话框功能。

为了在 ASP.NET 中的 jQuery UI 对话框中进行回发，有一个非常常见的解决方法，您必须将 DIV 重新附加到主 FORM，因为 jQuery 会在 FORM 之外重新构建 DIV，就像这样：

$("#newInsurance").dialog({
    autoOpen: false,
    modal: true,
    open: function (type, data) {
        $(this).parent().appendTo($("form:first"));
    }
});

不幸的是，由于升级它现在将 Dialog 置于背景的灰色/禁用覆盖层后面。所以Popup中的表格无法使用，全部变灰。我已经尝试了几件事，但我似乎无法让它工作 - 似乎这种旧的解决方法不再有效。有谁知道可行的新解决方法？还是我错过了什么？在我升级之前，这一直很好。

以下是有关使用的解决方法的更多信息：

• Stack Overflow 问题jQuery UI Dialog(Modal)，防止任何回发

• 堆栈溢出问题$(“#dialog”).parent().appendTo($(“form:first”));

• Stack Overflow 问题jQuery modal form 对话框回发问题

我使用 Internet Explorer 9 和 Google Chrome 24.x 对此进行了测试

根据 jQuery UI 网站，Dialog API 在 jQuery UI 1.10.0 中已经完全重新设计：

Answer 1

好的，所以这似乎是 jQuery UI v1.10 的修复：

$("#newInsurance").dialog({
    autoOpen: false,
    appendTo: "form",
    modal: true
}).parent().css('z-index', '1005');

在 jQuery UI v1.10 中，他们添加了一个appendTo属性，这似乎与调用.parent().appendTo($("form")). 修复的诀窍是 z-index。