Boîte de dialogue jquery: faites glisser le dialogue à tout moment

Question

Existe-t-il une astuce pour rendre une boîte de dialogue jquery glissable à tout moment? (Je veux dire non seulement dans la barre de titre)

Answer 1

Contrairement à un élément triable, les éléments de dialogue n'ont pas cette fonctionnalité (je ne sais pas pourquoi). Si nécessaire, vous pourriez être en mesure de faire quelque chose comme ceci:

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

Voir un exemple de travail ici: http://jsfiddle.net/gMP2d/

Answer 2

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