El cuadro de diálogo jQuery ui cambia el título después de cargar la devolución de llamada

Me gusta cambiar el título de un diálogo de la interfaz de usuario después de haber enviado un formulario en este diálogo de la interfaz de usuario. Entonces, en la función de devolución de llamada después de que loaddebería sugerir, pero lo intenté y busqué en Google sin resultado.

¿Alguien tiene una idea?

Usando métodos de diálogo:

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

O directamente, aunque hacky:

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

Para referencia futura, puede omitir Google con jQuery. La API de jQuery responderá a sus preguntas la mayor parte del tiempo. En este caso, la página de la API de diálogo . Para la biblioteca principal: http://api.jquery.com

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!

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);

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 diálogos en una 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);

Arreglé esto agregando el título a los argumentos de la función javascript de cada cuadro de 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'});
}

¡Aun mejor!

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