hộp thoại jQuery ui thay đổi tiêu đề sau khi tải-gọi lại

Tôi muốn thay đổi tiêu đề từ Hộp thoại giao diện người dùng sau khi tôi đã gửi biểu mẫu trong Hộp thoại giao diện người dùng này. Vì vậy, trong hàm gọi lại sau khi loadtôi nên đề xuất, nhưng tôi đã thử và truy cập vào Google mà không có kết quả.

Có ai có một ý tưởng?

Sử dụng các phương pháp hộp thoại:

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

Hoặc trực tiếp, hacky mặc dù:

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

Để tham khảo trong tương lai, bạn có thể bỏ qua google với jQuery. API jQuery sẽ trả lời câu hỏi của bạn hầu hết thời gian. Trong trường hợp này, trang API hộp thoại . Đối với thư viện chính: http://api.jquery.com

Tôi đã tìm thấy giải pháp đơn giản hơn:

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

Hy vọng rằng sẽ giúp!

Một cải tiến của ý tưởng hacky của Nick Craver để đặt HTML tùy chỉnh trong tiêu đề hộp thoại jquery:

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

Tôi đã cố gắng triển khai kết quả của Nick là:

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

Nhưng điều đó không hiệu quả với tôi vì tôi có nhiều hộp thoại trên 1 trang. Trong tình huống như vậy, nó sẽ chỉ đặt tiêu đề chính xác trong lần đầu tiên. Cố gắng ghim các lệnh không hoạt động:

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

Tôi đã sửa lỗi này bằng cách thêm tiêu đề vào đối số hàm javascript của mỗi hộp thoại trên trang:

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

Thậm chí còn tốt hơn!

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