jQuery ui โต้ตอบเปลี่ยนชื่อเรื่องหลังจากโหลด - โทรกลับ

ฉันต้องการเปลี่ยนชื่อเรื่องจากกล่องโต้ตอบ UI หลังจากที่ฉันส่งแบบฟอร์มในกล่องโต้ตอบ UI นี้แล้ว ดังนั้นในฟังก์ชันเรียกกลับหลังจากที่loadฉันควรแนะนำ แต่ฉันได้ลองใช้งานแล้วโดยไม่มีผลลัพธ์

มีใครคิดบ้าง

ใช้วิธีการโต้ตอบ:

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

หรือโดยตรงแฮ็คแม้ว่า:

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

สำหรับการอ้างอิงในอนาคตคุณสามารถข้าม google ด้วย jQuery ได้ jQuery API จะตอบคำถามของคุณเกือบตลอดเวลา ในกรณีนี้ที่หน้าโต้ตอบ API สำหรับห้องสมุดหลัก: http://api.jquery.com

ฉันพบวิธีที่ง่ายกว่านี้แล้ว:

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

หวังว่าจะช่วยได้!

การปรับปรุงแนวคิดแฮ็กโดย Nick Craver เพื่อใส่ HTML ที่กำหนดเองในชื่อกล่องโต้ตอบ jquery:

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

ฉันพยายามใช้ผลลัพธ์ของ Nick ซึ่งก็คือ:

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

แต่นั่นไม่ได้ผลสำหรับฉันเพราะฉันมีหลายกล่องโต้ตอบใน 1 หน้า ในสถานการณ์เช่นนี้จะตั้งชื่อให้ถูกต้องในครั้งแรกเท่านั้น การพยายามเย็บเล่มคำสั่งไม่ได้ผล:

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

ฉันแก้ไขสิ่งนี้โดยการเพิ่มหัวเรื่องให้กับอาร์กิวเมนต์ของฟังก์ชัน javascript ของแต่ละกล่องโต้ตอบในหน้า:

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

ดียิ่งขึ้น!

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