更改 Jquery 对话框按钮文本答案

【问题标题】：Change the Jquery Dialog Button Text更改 Jquery 对话框按钮文本
【发布时间】：2013-04-18 10:36:15
【问题描述】：

我需要更改对话框按钮的文本，但我有 3 个对话框按钮，我只需要更改其中一个。

我有这个 jquery 代码：

$("dialog").dialog({
height: 600,
width: 1000,
modal: true,
resizable: false,
buttons: {
     "Upload": function() {
           alert("Upload");
      }
     "Edit": function() {
           $('#dialog').dialog("option", "buttons",[
                    {
                        text: "Save",
                        click: function () {
                            alert("Save");
                        } 
                    }
                ]);
      }
     "Delete": function() {
           alert("Delete");
      }
}

此解决方案将编辑按钮更改为保存按钮，但删除了上传和删除按钮。我可能会在 Edit 函数中再次添加 Upload 和 Delete，但我认为这样看起来不太好。

请帮助我找到更好的解决方案。

谢谢。

【问题讨论】：

link 可能会有所帮助

标签： jquery

【解决方案1】：

试试这个

 buttons:
            [
              {
                  text: "Your name"

              }
            ]

或

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

【讨论】：

感谢 PSR，这个回答了我对 Colin Pickard 的附加问题 :)

【解决方案2】：

您可以在创建按钮时为其分配一个类，从而为您提供一种简洁的引用方式。

Here's a working example on jsfiddle和修改后的代码：

$("#dialog").dialog({
height: 600,
width: 1000,
modal: true,
resizable: false,
        buttons:
            [
              {
                  text: "Upload",
                  click: function() {
                     alert("Upload");
                  }
              },
              {
                  text: "Edit",
                  click: function() {
                    $(".editbutton > .ui-button-text").text("Save"); 
                  },
                  'class': 'editbutton'
              },
                {
                  text: "Delete",
                  click: function() {
                     alert("Delete");
                  }
              }
            ]
    });

【讨论】：

感谢这绝对有效！当我尝试单击保存按钮并将其带回编辑按钮时怎么样？再次感谢:)
我从下面 PSR 的回答中得到了我的问题的答案。谢谢:)

【解决方案3】：

正如 Colin 指出的，您可以在对话框的声明中为按钮分配类、id 和行为。为了在创建对话框后定位和更改文本，请使用以下内容：

$('#button-id').click(function(){
    $(this).children('ui-button-text').text("new text");
});

【讨论】：