jQuery對話框：在任何點拖動對話框

Question

有沒有一個讓jQuery對話框在任何時候都可拖動的技巧？ （我的意思不只是在標題欄中）

Answer 1

與可排序項目相反，對話項目沒有該功能（我不知道爲什麼）。如果需要的話，你也許能夠做這樣的事情：

$(document).ready(function() { 
    var 
     // Create dialog 
     dialog = $('div') 
      .dialog({ title: "I'm a dialog" }) 
      .css({cursor: 'move'}), 

     // Get the options manually 
     options = dialog 
      .data("dialog") 
       .uiDialog 
       .data('draggable') 
        .options; 

    // Finally, extend the draggable modal box's 
    // options and remove any restrictions 
    $.extend(options, {cancel: '', handle: ''}); 
}); 

看到這裏工作的例子：http://jsfiddle.net/gMP2d/

Answer 2

$("#div_id") 
    .dialog({ 
     position: [3,442], 
     width: 300, 
     height: 90 
    }) 
    .css({cursor: 'move'}) 
    .parent() 
    .draggable({cancel:'',handle:''});