Проблема с виджетом диалогового окна JQuery в IE и ASP.NET

Question

Виджет формы модели JQuery UI имеет проблему с ASP.NET при нажатии кнопки в диалоговом окне для отправки страницы. Это не работает, потому что элементы формы в диалоговом окне находятся за пределами тегов HTML-формы. Поэтому я использовал исправление $ ("# dialog"). Parent (). AppendTo ($ ("form: first")) ;.

Это работает в Firefox, но не в IE, потому что модальное окно теперь, кажется, является частью остальной части веб-страницы, которая отключена. Визуально это видно по полосам, отображаемым как в модальном окне, так и на остальной части веб-страницы.

Answer 1

Вы всегда можете отправить форму вручную, изменив кнопку на:

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

Answer 2

У меня была такая же проблема. Вам необходимо добавить его в форму на открытии. Это работало во всех современных версиях браузеров, которые я мог найти.

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

Answer 3

Для начала вы должны поместить div, содержащий диалог, внутри тегов формы.