jquery - 在打开 jqueryUI 对话框按钮后更改文本

Question

如何将取消按钮的文本从 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>

Answer 1

为您的对话框指定类名，然后从类中选择 UI 按钮。

$('#foo').dialog({
    buttons: {
        CANCEL: function() {
            alert(1);
        }
    },
    dialogClass: 'my-dialog'
});
$('.my-dialog .ui-button-text:contains(CANCEL)').text('CLOSE');

Answer 2

这是一件非常简单的事情:)

$( "#dialog" ).dialog( {
    "buttons" : [
    {
        id: "my-button",
        text: "My button",
        click:function() {
            $("#my-button span").text( "Our button!:)" );
        }
    } ]
} );

Answer 3

您可以在初始化（文档）之外设置按钮的文本：

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

您还可以将其绑定到事件。

Answer 4

重要的是添加 []

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