javascript - propiedades - jQuery ui diálogo cambiar título después de la carga-devolución de llamada

modal popup jquery example

Question

Me gusta cambiar el título de un cuadro de diálogo UI después de haber enviado un formulario en este cuadro de diálogo de la interfaz de usuario. Entonces en la función de devolución de llamada después de la load debería sugerir, pero lo he intentado y buscado en Google sin resultado.

¿Alguien tiene una idea?

Answer 1

¡Aun mejor!

 jQuery( "#dialog" ).attr(''title'', ''Error'');
jQuery( "#dialog" ).text(''You forgot to enter your first name'');

Answer 2

He encontrado una solución más simple:

$(''#clickToCreate'').live(''click'', function() {
$(''#yourDialogId'')
.dialog({
title: "Set the title to Create"
})
.dialog(''open'');
});
$(''#clickToEdit'').live(''click'', function() {
$(''#yourDialogId'')
.dialog({
title: "Set the title To Edit"
})
.dialog(''open'');
});

¡Espero que ayude!

Answer 3

Traté de implementar el resultado de Nick, que es:

$(''.selectorUsedToCreateTheDialog'').dialog(''option'', ''title'', ''My New title'');

Pero eso no funcionó para mí porque tenía varios cuadros de diálogo en 1 página. En tal situación, solo establecerá el título correcto la primera vez. Intentar grapar comandos no funcionó:

 $("#modal_popup").html(data);
$("#modal_popup").dialog(''option'', ''title'', ''My New Title'');
$("#modal_popup").dialog({ width: 950, height: 550);

Lo arreglé agregando el título a los argumentos de la función javascript de cada diálogo en la página:

function show_popup1() {
$("#modal_popup").html(data);
$("#modal_popup").dialog({ width: 950, height: 550, title: ''Popup Title of my First Dialog''});
}
function show_popup2() {
$("#modal_popup").html(data);
$("#modal_popup").dialog({ width: 950, height: 550, title: ''Popup Title of my Other Dialog''});
}

Answer 4

Una mejora de la idea hacky de Nick Craver para poner HTML personalizado en un título de diálogo de jquery:

var newtitle= ''<b>HTML TITLE</b>'';
$(".selectorUsedToCreateTheDialog").parent().find("span.ui-dialog-title").html(newtitle);

Answer 5

Usando métodos de diálogo:

$(''.selectorUsedToCreateTheDialog'').dialog(''option'', ''title'', ''My New title'');

O directamente, jacky aunque:

$("span.ui-dialog-title").text(''My New Title'');

Para referencia futura, puede omitir google con jQuery. La API jQuery responderá tus preguntas la mayor parte del tiempo. En este caso, la página Dialog API . Para la biblioteca principal: http://api.jquery.com