Modification du texte dans le bouton de dialogue jqueryUI après son ouverture - jquery, jquery-ui, jquery-ui-dialog

Comment puis-je changer le texte du bouton d'annulation de CANCEL à CLOSE? Merci!

$("#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>

Réponses:

Spécifiez le nom de la classe dans votre boîte de dialogue et sélectionnez les boutons de l'interface utilisateur de la classe.

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

C'est une chose très simple :)

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

Vous pouvez définir le texte du bouton en dehors de l’initialisation (Documentation):

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

Vous pouvez également le lier à un événement.