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