jQuery UI: configuración de las opciones que se pueden arrastrar para el cuadro de diálogo

Question

Tengo un cuadro de diálogo que se puede arrastrar y me gustaría establecer las opciones de arrastre, no sé cómo hacerlo.

Here es un ejemplo. El cuadro rojo tiene la opción cursorAt establecida con { top: 0, left: 0 }. Me gustaría hacer lo mismo con el arrastre del diálogo.

Answer 1

Para cambiar las opciones que pueden arrastrarse del widget de diálogo, puede hacer referencia a ella como esto:

$("#myDialog").dialog("widget").draggable("option", "cursorAt", { top: 0, left: 0 }); 

Usted puede hacer lo mismo con tamaño variable también.

Answer 2

Basta con añadir el dragable al cuadro de diálogo:

$("#draggable, #dialog").draggable({ 
    cursorAt: { top: 0, left: 0 } 
}); 

Puede establecer las propiedades dragable sobre cualquier elemento que realice dragable.