По умолчанию в диалоговом окне jQueryUI автоматически добавляется элемент виджета и элемент наложения виджета (при использовании modal:true) в тег <body>.
modal:true
<body>
Мой вопрос: можем ли мы установить в диалоговом окне jQueryUI добавление элемента виджета и наложение виджета в другой элемент вместо тега <body>?
Для этого нет встроенной опции, но я успешно перемещался по элементам при открытии диалога:
$("#dialog").dialog({ modal: true, open: function () { $(this).dialog("widget").appendTo("#content"); $(".ui-widget-overlay").appendTo("#content"); } });
Вот рабочий пример: http://jsfiddle.net/peMGg/
Да, но вам нужно изменить файл jqueryUI.js, чтобы изменить элемент для добавления.
Или вы можете изменить функцию document.ready, чтобы переместить эти виджеты