3

キャンセル ボタンのテキストを CANCEL から CLOSE に変更するにはどうすればよいですか? ありがとう！

$("#dialog").dialog({
    buttons     : [
        {
            text    : 'SAVE',
            click    : function() {}
        },
        {
            text    : 'CANCEL',
            click    : function() {}
        }
    ]    
});
$("#button").click(function(){alert('Please change cancel button text from "CANCEL" to "CLOSE"');});

<div id="dialog"><button id="button">Change cancel button text from "CANCEL" to "CLOSE"</button></div>
4

4 に答える 4

12

ダイアログにクラス名を指定し、クラスからUIボタンを選択します。

$('#foo').dialog({
    buttons: {
        CANCEL: function() {
            alert(1);
        }
    },
    dialogClass: 'my-dialog'
});
$('.my-dialog .ui-button-text:contains(CANCEL)').text('CLOSE');
于 2012-11-29T04:04:41.907 に答える
9

それは本当に簡単なことです:)

$( "#dialog" ).dialog( {
    "buttons" : [
    {
        id: "my-button",
        text: "My button",
        click:function() {
            $("#my-button span").text( "Our button!:)" );
        }
    } ]
} );
于 2014-10-14T11:56:25.343 に答える
3

初期化の外でボタンのテキストを設定できます（documentation）：

$( "#dialog" ).dialog({
    autoOpen: true,
    buttons: [{
        text: "Cancel",
        click: function() {
            $( this ).dialog( "close" );
        }
    }]
});
$( "#dialog" ).dialog( "option", "buttons", [ { text: "Close", click: function() { $( this ).dialog( "close" ); } } ] );

イベントにバインドすることもできます。

于 2012-11-29T04:10:18.243 に答える
0

[] を追加することが重要です

buttons: [{
            text: "Close",
            click: function () {
                $(this).dialog("close");
            }
        }]
于 2021-08-27T00:01:17.180 に答える