Problemas al destruir un dialog

[Kristhoff]

Hola a tod@s,
estoy creando una pequeña extensión para chrome para la cual estoy usando Jquery y Jquery-ui, pues bien, tengo un cuadro de dialogo modal que al hacer click en el botón cancelar debería eliminarse (con "destroy") y eliminar su contenido, u ocultarlo, pero al terminar un elemento input se queda viendo:



y el código que tengo es el siguiente:

Código:

var edit = $('<input id="edittitle">');
$('#editlink').click(
	function(){
		edit.val(anchor.text());
		$('#editdialog').empty().append(edit).dialog({
			autoOpen : false,
			closeOnEscape : true,
			title : 'Edit Title',
			modal : true,
			show : 'slide',
			buttons : {
			'Save' : function(){
				chrome.bookmarks.update(String(tutomarkNode.id), {title : edit.val()});
				anchor.text(edit.val());
				options.show();
				$(this).dialog('destroy');
									
			},
			'Cancel' : function(){
				$(this).dialog('destroy');
			}
		}
	}).dialog('open');
});

Alguien podría ayudarme a solucionar esto? quisiera que después de dar click en aceptar o cancelar, no se vea el input. Gracias :)

[fhederico]

Hola,

Probaste con

Código:

"Cerrar": function() {
            $(this).dialog('close');
}

Saludos

[Kristhoff]

Iniciado por fhederico

Hola,

Probaste con

Código:

"Cerrar": function() {
            $(this).dialog('close');
}

Saludos

Funciona perfecto, aunque era lo que no quería usar jeje parece ser la mejor opción.
Gracias.

[fhederico]

Otra solucion mas "simple" podría ser que finalmente el dialog es un DIV, asi que... si no quieres que se muestre su contenido antes de cerrar, en ese caso reemplaza el html por vacio.

Código:

html('')

Ya que igualmente si vuelves a mostrar un dialog, necesitara que exista dicho div.

Saludos