Question

当单击对话框上的按钮提交页面时，JQuery UI Dialog模型窗体小部件与ASP.NET存在问题。它不起作用，因为对话框窗口中的表单元素在html表单标记之外。所以我使用了修改$（“＃dialog”）。parent（）。appendTo（$（“form：first”））;.

它适用于Firefox但不适用于IE，因为模态窗口现在看起来是禁用的其余网页的一部分。在视觉上，通过模态窗口和网页其余部分显示的条纹就可以看出这一点。

Answer 1

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

Answer 2

您可以通过将按钮修改为：

来手动提交表单

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

Answer 3

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

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

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

3 个答案: