IE 和 ASP.NET 的 JQuery UI Dialog 小部件问题答案

【问题标题】：JQuery UI Dialog widget problem with IE and ASP.NETIE 和 ASP.NET 的 JQuery UI Dialog 小部件问题
【发布时间】：2010-01-06 01:14:58
【问题描述】：

当单击对话框上的按钮提交页面时，JQuery UI Dialog 模型表单小部件与 ASP.NET 存在问题。它不起作用，因为对话框窗口中的表单元素位于 html 表单标签之外。所以我使用了 $("#dialog").parent().appendTo($("form:first")); 的修复。

它在 Firefox 中有效，但在 IE 中无效，因为模态窗口现在似乎是网页其余部分被禁用的一部分。从视觉上看，模式窗口和网页其余部分均显示条纹，这一点很明显。

【问题讨论】：

标签： asp.net jquery jquery-ui

【解决方案1】：

您应该将包含对话框的 div 放在表单标签中。

【讨论】：

当然。然而，对话框将自己置于表单标签之外。

【解决方案2】：

您始终可以通过将按钮修改为手动提交表单：

$('#myButton').click(function(){
  $('form:first').submit();
});

【讨论】：

【解决方案3】：

我也有同样的问题。您需要将其附加到打开的表单中。这适用于我能找到的所有现代浏览器版本。

$('#foobar').dialog({
    autoOpen: false,
    modal: true,
    open: function () { $('#foobar').parent().appendTo('form:first') },
    title: 'FOOBAR'
});

【讨论】：