jquery ui对话框中的多个按钮只显示一个

Question

Here是小提琴。我看过问题'How to add multiple buttons in Jquery UI dialog box?'，但那里提到的方法没有用。被接受的是：

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

随时修改我的小提琴并通知我！

Answer 1

您链接的问题中的方法确实有效。你的小提琴是不正确的。它有

$('#dialog').dialog({
    modal: true,
    dialogClass: 'no-close',
    buttons: [{
        text:'OK',
        click: function () {
             $(this).dialog('close');
        },
        text:'Cancel',
        click: function () {
             location.reload();
        }
    }]
});

如果您将其更改为您链接的问题中显示的格式

$('#dialog').dialog({
     modal: true,
     dialogClass: 'no-close',
     buttons: {
         'OK' : function () {
             $(this).dialog('close');
         },
         'Cancel' : function () {
             location.reload();
         }
     }
 });

你得到两个按钮。