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

Question

Me gusta cambiar el título de un cuadro de diálogo de la interfaz de usuario 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 load debería sugerir, pero lo he intentado y buscado en Google sin resultado.

¿Alguien tiene una idea?

Answer 1

Uso de 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 jQuery responderá tus preguntas la mayor parte del tiempo. En este caso, el Dialog API page. Para la biblioteca principal: http://api.jquery.com

Answer 2

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

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

Answer 3

Me trataron de poner en práctica 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. Tratando de comandos básicos no funcionó:

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

He arreglado esto añadiendo 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'}); 
} 

Answer 4

he encontrado 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 5

¡Mejor aún!

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