Estoy creando tres cuadros de diálogo modales en la carga de la página (usando$(document).ready(function() {). Creo estos diálogos llamando asetDialogWindows() Método, y le pasa el div para el diálogo. El código de creación de diálogo está abajo:

function setDialogWindows($element) {
 $element.dialog({
  autoOpen: false,
  modal: true,
  show: 'blind',
  hide: 'blind',
  width: 600,
  resizable: false,
  buttons: {
   Cancel: function() {
    $(this).dialog('destroy');
   },
   'Save': function() {
    $(this).dialog('close');
   }
  }
 });
}

Le ahorraré el cuadro de diálogo html, pero hay algunas funciones de arrastrar / soltar de jQuery que quiero que se restablezcan completamente cuando el usuario haga clic en Cancelar. Por lo tanto, la$(this).dialog('destroy'). Sin embargo, cuando vuelvo a hacer clic en el enlace para abrir el cuadro de diálogo, no aparece. Me doy cuenta de que esto se debe a que no lo he vuelto a ingresar, pero realmente no puedo hacerlo porque los cuadros de diálogo se crean en la carga de la página. Intenté agregar un tipo de llamada recursiva a la función Cancelar como tal:

   Cancel: function() {
    $(this).dialog('destroy');
    setDialogWindows($element);
   },

Pero eso no funciona, todavía no se abre nada cuando hago clic en el enlace que debería abrirlo. ¿Hay una manera de simplemente recrear el cuadro de diálogo? ¿Alguna idea sobre dónde debería reiniciar el diálogo si el único lugar donde lo hago ahora es en document.ready?

Gracias.