jQuery UI对话框/拖动问题

Question

使用jQuery UI对话框.

效果很好,但是目前,当我拖动一个对话框时,它不会移出屏幕(整个对话框总是在视口中).

有没有办法设置对话框,以便我可以将其部分拖离屏幕？

Answer 1

或者你可以用更简单,更"jQuery方式"来做到这一点;)

$(document).ready(function(){
    $('#dialog').
    dialog({
        //your dialog options go here
    }).
    dialog("widget").draggable("option","containment","none"); //this chained sequence kills containment  
});

Answer 2

如果你扩展jQuery对话框代码,你肯定可以.只需包含以下代码:

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

它将覆盖"document"的默认包含值false,禁用包含.