jQuery ui 对话框在加载回调后更改标题

Question

我喜欢在 UI 对话框中提交表单后更改 UI 对话框的标题。因此，在 load 之后的回调函数中，我应该建议，但我已经尝试并用谷歌搜索，但没有结果。

有人有想法吗？

Answer 1

使用对话框方法：

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

或者直接，尽管很hacky：

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

为了将来的参考，您可以使用 jQuery 跳过 google。 jQuery API 大多数时候都会回答您的问题。在本例中，为对话框 API 页面。对于主库： http://api.jquery.com

Answer 2

我找到了更简单的解决方案：

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

希望有帮助！

Answer 3

Nick Craver 的 hacky 想法的增强，将自定义 HTML 放入 jquery 对话框标题中：

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

Answer 4

我尝试实现尼克的结果：

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

但这对我不起作用，因为我在一页上有多个对话框。在这种情况下，它只会在第一次时将标题设置正确。尝试装订命令不起作用：

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

Answer 5

甚至更好！

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