IE和ASP.NET的JQuery UI對話框小部件問題

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' 
});