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

我喜欢改变标题从一个 UI 对话框后，我已经提交了一个表单在这个 UI 对话框。所以在 load之后的回调函数中，我应该建议，但是我尝试并且谷歌没有结果。

有人知道吗？

136977 次浏览
小开
最佳答案

使用对话框方法:

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

或者直接说，粗俗的:

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

为了将来的参考，你可以跳过 google 与 jQuery。JQueryAPI 在大多数情况下会回答您的问题。在这种情况下，对话 API 页面。对于主库: http://api.jquery.com

小开

增强了 Nick Craver 将自定义 HTML 放入 jquery 对话框标题中的古怪想法:

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

我试图执行尼克的结果是:

$('.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'});
}
小开

I have found simpler solution:

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

Hope that helps!

小开

这样更好！

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

提交答案