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

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

有没有人有一个想法?

使用对话方法:

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

或者直接,哈克说:

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

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

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

希望有所帮助!

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

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