blocks|key|1343326|text|使用对话框方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1343327|$('.selectorUsedToCreateTheDialog').dialog('option',+'title',+'My+New+title');|code-block|syntax|javascript|1343328|或者是直接的，尽管很烦人：|1343329|$("span.ui-dialog-title").text('My+New+Title');+|1343330|为了便于将来参考，你可以跳过谷歌的jQuery。jQuery应用程序接口将在大多数情况下回答您的问题。在本例中，是指Dialog+API+page。对于主库：http://api.jquery.com|offset|length|1343331|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jqueryui.com/dialog/#option-title|1|http://api.jquery.com/^0|0|0|0|0|1M|F|0|27|L|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@$M|13|N|14|1|15]|$M|16|N|17|1|18]]|A|$]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]|W|$5|R|S|T|A|$U|X]]]]

Using dialog methods:

<pre><code>$('.selectorUsedToCreateTheDialog').dialog('option', 'title', 'My New title');
</code></pre>

Or directly, hacky though:

<pre><code>$("span.ui-dialog-title").text('My New Title'); 
</code></pre>

For future reference, you can skip google with jQuery. The jQuery API will answer your questions most of the time. In this case, the <a href="http://api.jqueryui.com/dialog/#option-title" rel="noreferrer">Dialog API page</a>. For the main library: <a href="http://api.jquery.com" rel="noreferrer">http://api.jquery.com</a>

blocks|key|1343378|text|Nick+Craver将自定义HTML放在jquery对话框标题中，这是对hacky想法的增强：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1343379|var+newtitle=+'HTML+TITLE';
$(".selectorUsedToCreateTheDialog").parent().find("span.ui-dialog-title").html(newtitle);|code-block|syntax|javascript|1343380|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

An enhancement of the hacky idea by Nick Craver to put custom HTML in a jquery dialog title:

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

blocks|key|1128245|text|我尝试实现Nick的结果，它是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1128246|$('.selectorUsedToCreateTheDialog').dialog('option',+'title',+'My+New+title');|code-block|syntax|javascript|1128247|但这对我不起作用，因为我在一个页面上有多个对话框。在这种情况下，它只会在第一次设置正确的标题。尝试装订命令不起作用：|1128248|++++$("#modal_popup").html(data);
++++$("#modal_popup").dialog('option',+'title',+'My+New+Title');
++++$("#modal_popup").dialog({+width:+950,+height:+550);|1128249|我通过将标题添加到页面上每个对话框的javascript函数参数中修复了这个问题：|1128250|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'});
}|1128251|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I tried to implement the result of Nick which is:

<pre><code>$('.selectorUsedToCreateTheDialog').dialog('option', 'title', 'My New title');
</code></pre>

But that didn't work for me because i had multiple dialogs on 1 page. In such a situation it will only set the title correct the first time. Trying to staple commands did not work:

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

I fixed this by adding the title to the javascript function arguments of each dialog on the page:

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

blocks|key|1128283|text|我找到了更简单的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1128284|$('#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');+
});|code-block|syntax|javascript|1128285|希望这能有所帮助！|1128286|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I have found simpler solution:

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

Hope that helps!

blocks|key|1343482|text|甚至更好！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1343483|++++jQuery(+"#dialog"+).attr('title',+'Error');
++++jQuery(+"#dialog"+).text('You+forgot+to+enter+your+first+name');|code-block|syntax|javascript|1343484|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Even better!

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

I like to change the title from an UI Dialog after i have submitted a form in this UI Dialog. So in the callback-function after <code>load</code> i should suggest, but i've tried and googled without result.

Has anyone an idea?

jQuery ui dialog change title after load-callback

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

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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