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 
    }); 
}; 

的問題是，當我添加此，表格的所有成爲一拖喊得。當對話框開始拖動操作時試圖滾動對話框時，會造成問題。

如何才能將對話窗口標題欄作爲拖動手柄（原始行爲），但仍然擺脫遏制？

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" 
    }); 
}; 

謝謝約瑟夫！

Answer 1

查找使用drag handles