Question

默认情况下，jQueryUI Dialog会自动附加 小部件元素 和 小部件重叠元素 （如果使用的话） modal:true标记为<body>。

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

Answer 1

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

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

以下是一个有效的例子：http://jsfiddle.net/peMGg/

Answer 2

是的，但您必须修改jqueryUI.js文件才能更改要追加的元素。

或者您可以修改document.ready函数来移动这些小部件

将jQueryUI Dialog小部件元素移动到另一个元素中

2 个答案: