jQuery的ui对话框改变负载callback后的标题

在此UI对话框中提交表单后，我喜欢从UI对话框中更改标题。 所以在load后的callback函数，我应该build议，但我已经尝试和谷歌search没有结果。

有没有人有一个想法？

Answer 1

使用对话方法：

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

或者直接，哈克说：

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

为了将来的参考，你可以跳过谷歌与jQuery。 jQuery API将在大多数时候回答你的问题。 在这种情况下， 对话框API页面 。 对于主要的图书馆： http ： //api.jquery.com

Answer 2

我find了更简单的解决scheme：

 $('#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将哈希的想法改进为将自定义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'); 

但是，这并不适合我，因为我有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'}); } 

Answer 5

更好！

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