jQuery makeDraggable还有一点技巧吗?

时间:2011-08-29 13:22:51

标签: javascript jquery jquery-ui jquery-ui-dialog jquery-ui-draggable

我已经在SO上添加了另一个问题的脚本到我正在使用的解决方案,以便将 jQueryUI对话框拖到文档原始边界之外

这是剧本:

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

问题在于,当我添加它时,表单的 所有变成了一个拖延。这使得在对话框开始拖动操作时尝试滚动对话框时会出现问题。

我如何才能将对话框窗口标题栏作为拖动句柄(原始行为),但仍然摆脱了收容?

SOLUTION:

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

谢谢约瑟夫!

1 个答案:

答案 0 :(得分:4)

使用drag handles

查找