如何在 Jquery UI 对话框中添加多个按钮？

Question

我想要多个按钮。我试图在括号之间复制代码但不起作用。想法？

buttons: {

"Close": function() {
 $(this).dialog("close");

}

Answer 1

此外，了解按钮数组方法很有用，因为它为每个按钮公开了更多功能，例如添加图标和其他每个按钮的属性。需要注意的是在按钮集周围添加的方括号将其转换为按钮数组，以及每个按钮对象周围的额外花括号。

$("#mydialog").dialog({
  buttons: [{
    text: 'Confirm',
    icons: {
        primary: "ui-icon-check"
    },
    click: function() {
       //do something
       $(this).dialog('close');
    }},{
    text: 'Cancel',
    icons: {
        primary: "ui-icon-cancel"
    },
    click: function() {
       $(this).dialog('close');
    }
  }]
});

Answer 2

使用这种格式创建它们，'button text': function() { } 中间有一个逗号，如下所示：

$("#mydialog").dialog({
  buttons: {
    'Confirm': function() {
       //do something
       $(this).dialog('close');
    },
    'Cancel': function() {
       $(this).dialog('close');
    }
  }
});