javascript - jQuery makeDraggable 更巧妙一点？

Question

我已经将来自另一个关于 SO 的问题的脚本添加到我正在使用的解决方案中，以使 jQueryUI 对话框能够被拖到文档原始边界之外。

这是脚本:

//Ensure jQuery windows can be pulled outside the browser boundaries.
$.ui.dialog.prototype._makeDraggable = function() {
    this.uiDialog.draggable({
        containment: false
    });
};

问题是，当我添加这个时，所有 表单都变成了拖动手。这使得在对话框开始拖动操作时尝试滚动对话框时出现问题。

我怎样才能将对话窗口的标题栏作为拖动 handle (原始行为)但仍然摆脱包含？

解决方案:

//Ensure jQuery windows can be pulled outside the browser boundaries.
$.ui.dialog.prototype._makeDraggable = function() {
    this.uiDialog.draggable({
        containment: false,
        handle: ".ui-dialog-titlebar"
    });
};

谢谢约瑟夫!

Answer 1

使用drag handles查找