jquery - 将 jQuery 对话框拖过视口(viewport)

Question

我正在使用 jQuery 对话框，但将对话框部分拖到视口(viewport)之外时遇到问题。

Draggable 的演示正是我想要的: http://jqueryui.com/demos/draggable/default.html

但是对话框的演示不允许将对话框部分移出视口(viewport): http://jqueryui.com/demos/dialog/default.html

如何使对话框允许将部分拖出视口(viewport)？

Answer 1

您可以通过更改包含范围来扩展 jQuery UI 对话框。默认值为“文档”。

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