jQuery UI Dialog Titel nach Load-Callback ändern

Question

Ich möchte den Titel von einem UI Dialog ändern, nachdem ich ein Formular in diesem UI Dialog eingereicht habe. Also in der Callback-Funktion nach load sollte ich vorschlagen, aber ich habe versucht und gegoogelt ohne Ergebnis.

Hat jemand eine Idee?

Answer 1

Mit Dialogmethoden:

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

Oder direkt, hacky aber:

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

Für die Zukunft können Sie Google mit jQuery überspringen. Die jQuery API beantwortet die meisten Fragen. In diesem Fall ist die Dialog API page. Für die Hauptbibliothek: http://api.jquery.com

Answer 2

Eine Verbesserung der Hacky Idee von Nick Craver benutzerdefinierte HTML in ein jQuery-Dialogtitel zu setzen:

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

Answer 3

Ich versuchte, das Ergebnis von Nick zu implementieren, die ist:

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

Aber das hat nicht funktioniert, weil ich mehrere Dialoge auf 1 Seite hatte. In einer solchen Situation wird der Titel nur beim ersten Mal richtig gesetzt. Der Versuch, zu heften Befehle funktionieren nicht:

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

Ich reparierte diese durch den Titel an die JavaScript-Funktion Argumente jeder Dialog auf der Seite hinzufügen:

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

Ich habe gefunden, einfachere Lösung:

$('#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'); 
}); 

Hoffe, dass hilft!

Answer 5

Noch besser!

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