JavaScript .Dialog动态按钮名称

Question

所以我有类似的东西

   $("#id").html(msg2show).dialog({
        //Other attributes
        buttons: {
           "Yes": function() {//Code},
           "No": function() {//Code}
         }
    });

我正在为我的网站添加其他语言支持。 有没有办法动态更改“是”和“否”没有额外的重复代码？

我已经尝试使用以下代码并用变量名替换上面的字符串，但它似乎将变量名称解释为字符串而不是变量的值。

var yes = 'Si';
var no = 'No';

Answer 1

在将按钮对象传递给.dialog()之前构建它们，这样您就可以将变量用作带括号表示法的键：

var yes = 'Si';
var no = 'No';
var buttons = {};
buttons[yes] = function() {};
buttons[no] = function() {};
$("#id").html(msg2show).dialog({
    //Other attributes
    buttons: buttons
});

Answer 2

使用text属性设置按钮的名称。 看看这个例子

   $( "#dialog" ).dialog({

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