将 jQueryUI 对话框小部件元素移动到另一个元素中答案

【问题标题】：Move jQueryUI Dialog widget element into another element将 jQueryUI 对话框小部件元素移动到另一个元素中
【发布时间】：2011-05-09 00:26:48
【问题描述】：

默认情况下，jQueryUI Dialog 会自动附加一个 widget 元素 和一个 widget 覆盖元素（如果使用modal:true) 插入到<body> 标签中。

我的问题是：我们可以设置 jQueryUI 对话框以将其小部件元素和覆盖小部件附加到另一个元素而不是 <body> 标记中吗？

【问题讨论】：

标签： jquery jquery-ui dialog

【解决方案1】：

没有执行此操作的内置选项，但我在打开对话框时成功移动元素：

$("#dialog").dialog({
    modal: true,
    open: function () {
        $(this).dialog("widget").appendTo("#content");
        $(".ui-widget-overlay").appendTo("#content");
    }
});

这是一个工作示例：http://jsfiddle.net/peMGg/

【讨论】：

@DXX：没问题，很高兴为您提供帮助！

【解决方案2】：

是的，但您必须修改 jqueryUI.js 文件以更改要附加到的元素。

或者你可以修改你的 document.ready 函数来移动那些小部件

【讨论】：