将jQuery对话框拖过视口

Question

我正在使用jQuery对话框，并且在将对话框部分拖到视口之外时会出现问题。

Draggable的演示完全符合我的要求： http://jqueryui.com/demos/draggable/default.html

但是Dialog的演示不允许将对话框部分移动到视口之外： http://jqueryui.com/demos/dialog/default.html

如何使对话框允许部分拖离视口？

Answer 1

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

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