如何将 JqueryUI 对话框拖到页面外

Question

我有一个 jqueryUI 对话框，用于上传一些文件，而父页面允许用户填写一些详细信息。我希望将对话框移出父窗口以方便此操作。我已将 modal 属性设置为 false 以启用在父页面中的编辑。这可能吗？非常感谢任何帮助。

这是我用作对话框的 div

<div id="somediv" title="Attach files" style="display: none;"> <iframe id="thedialog" width="350" height="350"></iframe> </div>

请注意，我有一个 iframe，当我加载对话框时，我将在其中设置 src，实际上是在对话框中加载另一个页面

$(".someClass").click(function () {
            $("#dialogBox").attr('src', $(this).attr("href") + "?EmailFolderPath=" + folderID);
            $("#myDiv").dialog({ 
                width: 400,
                height: 450,
                modal: false,
                close: function () { 
                }
            });

知道我该怎么做吗？

Answer 1

因为你没有提供任何代码，所以我做了这样的事情：

$.ui.dialog.prototype._makeDraggable = function() { 
this.uiDialog.draggable({
    containment: false,
    });
};

您只需将其添加到您的样式表中！

body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-y: hidden;
overflow-x: hidden;
}


html {
overflow-y: hidden;
background-color: transparent;
}

我只需要将底部和右侧设置为 0

对我来说它有效，它也应该有效。