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

对我来说，它起作用了，它也应该有效。

如何在页面外拖动JqueryUI对话框

1 个答案: