带有 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"));
    }
});

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

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

• 堆栈溢出问题jQuery UI Dialog(Modal), prevents any postback

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

• 堆栈溢出问题jQuery modal form dialog postback problems

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

According to the jQuery UI website，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。