如何从变量设置对话框窗口上 jquery-ui 按钮的名称？

Question

javascript中的jquery-ui对话框窗口：

$( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Ok": function() {
                    $( this ).dialog( "close" );
                },
                "Cancel": function() {
                    $( this ).dialog( "close" );
                }
            }
        });

有两个按钮“确定”和“取消”。每个按钮都有功能。按钮名称几乎没有固定。有一些方法可以从变量中命名按钮？像这样：

var Button1 = "Ok";
var Button2 = "Cancel";
$( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                Button1: function() {
                    $( this ).dialog( "close" );
                },
                Button2: function() {
                    $( this ).dialog( "close" );
                }
            }
        });

我尝试了上面的代码，但按钮出现的名称为“Button1”和“Button2”。 我也可以在按钮中显示图像而不是文本吗？？？

Answer 1

参考http://jqueryui.com/demos/dialog/你可以看到有两种定义按钮的方法，一种是你在这里使用的，第二种是使用数组。

var button1 = 'Ok';
var button2 = 'Not Ok';    
$( ".selector" ).dialog({ buttons: [
    {
        text: button1,
        click: function() { $(this).dialog("close"); }
    },
    {
        text: button2,
        click: function() { $(this).dialog('close'); }
    }
] });

看来这一定能解决你的问题。