Okno dialogowe jQuery ui zmienia tytuł po wywołaniu obciążenia

Question

Chcę zmienić tytuł z okna dialogowego interfejsu użytkownika po przesłaniu formularza w tym oknie dialogowym interfejsu użytkownika. Więc w funkcji wywołania zwrotnego po load powinienem zasugerować, ale próbowałem i googled bez wyniku.

Czy ktoś ma pomysł?

Answer 1

zastosowaniem metod dialogowych:

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

lub bezpośrednio, choć hacky:

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

na przyszłość, można pominąć google z jQuery. Interfejs API jQuery odpowie na większość twoich pytań. W tym przypadku Dialog API page. Na głównej biblioteki: http://api.jquery.com

Answer 2

ulepszoną wersję hacky idei Nick Craver umieścić niestandardowy HTML w tytule dialogowego jQuery:

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

Answer 3

starałem się wdrożyć wynik Nick, który jest:

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

Ale to nie zadziałało, ponieważ miałem wiele okien dialogowych na jednej stronie. W takiej sytuacji poprawi tytuł tylko za pierwszym razem. Próbując poleceń odcinkowych nie działa:

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

Naprawiłem to dodając tytuł javascript argumentów funkcji każdego okna na stronie:

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

Znalazłem prostsze rozwiązanie:

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

Nadzieję, że pomaga!

Answer 5

Jeszcze lepiej!

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