Способ переопределить, где диалог JQuery-UI помещает вещи в разметку?

Question

Я пытаюсь заставить простой диалог jQuery UI работать в проекте ASP.Net. У меня есть несколько кнопок внутри диалогового окна <div>, но они не отправляли обратно. При ближайшем рассмотрении, по любой причине, делая панель <div>, она перемещает ее в DOM, так что это последний тег перед </body>. Это все будет хорошо и здорово, за исключением того, что оно также перемещает его за пределы тега <form>, который необходим для того, чтобы кнопки могли выполнять обратную передачу.

Какова цель этого поведения и как я могу переопределить его?

Пример здесь: http://jsbin.com/olumu4/

Глядя на Firebug, я получаю следующее: альтернативный текст http://img80.imageshack.us/img80/9049/dialog.png

Answer 1

Это обычная проблема с jQuery / ASP.NET.

После того, как вы назначите свой модал вот так

$(".modal-window").dialog({
    modal: true
});

сделайте это

$(".modal-window").parent().appendTo($("form:first"));

Если выиметь более одного модального на странице, я обнаружил, что он не работает должным образом, поэтому в этом случае, когда вы вызываете метод open на модальном, сделайте следующее:

$('.modal-window').dialog('open').parent().appendTo($('form:first'));

Если вы хотитечтобы он был автоматически открыт.Вы можете добавить его сразу после назначения модели.

$(".modal-window").dialog({
    modal: true
    }).parent().appendTo($('form:first'));

Надеюсь, это поможет,

Marko

Answer 2

Раньше у меня была эта проблема, есть возможность настроить чёт на $ (form) .submit, который добавляет к форме то, что в диалоге.