115

このUIダイアログでフォームを送信した後、UIダイアログからタイトルを変更したいと思います。だから私は提案した後のコールバック関数でload、しかし私は結果なしでググってみました。

誰かアイデアはありますか？

4

5 に答える 5

267

ダイアログメソッドの使用：

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

または直接、ハッキー：

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

今後の参考のために、jQueryを使用してgoogleをスキップできます。jQuery APIは、ほとんどの場合、質問に答えます。この場合、DialogAPIページ。メインライブラリの場合：http：//api.jquery.com

于 2010-01-31T13:14:54.127 に答える
14

私はより簡単な解決策を見つけました：

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

お役に立てば幸いです。

于 2015-02-12T17:23:33.967 に答える
3

NickCraverによるハッキーなアイデアの拡張。カスタムHTMLをjqueryダイアログタイトルに配置します。

var newtitle= '<b>HTML TITLE</b>';
$(".selectorUsedToCreateTheDialog").parent().find("span.ui-dialog-title").html(newtitle);
于 2013-01-21T08:46:34.513 に答える
2

Nickの結果を実装しようとしました。これは次のとおりです。

$('.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'});
}
于 2015-02-12T14:51:52.693 に答える
0

さらに良い！

    jQuery( "#dialog" ).attr('title', 'Error');
    jQuery( "#dialog" ).text('You forgot to enter your first name');
于 2015-03-03T23:36:15.697 に答える