添加基于条件的 JqueryUI 对话框按钮

Question

我有一个 Jquery 对话框，我想在其中根据条件显示按钮。

我尝试使用此解决方案来扩展按钮集，但它没有显示动态按钮： 动态向对话框添加按钮

https://jsfiddle.net/q3u0xebz/

function showActionDialog(title, content, actionMessage, actionCallback) {
  var actionDialog = $("<div id='action-dialog'></div>").html(content).dialog({
    dialogClass: 'no-close',
    title: title,
    resizable: false,
    height: 'auto',
    width: 'auto',
    modal: true,
    buttons: [{
      text: 'Okay',
      click: function() {
        $(this).dialog('close');
        $("action-dialog").remove();
      }
    }]

  });

  if (actionCallback != '') {
    var buttons = actionDialog.dialog("option", "buttons"); // getter

    $.extend(buttons, {
      text: actionMessage,
      click: function() {
        eval(actionCallback).call();

        $(this).dialog('close');
        $("action-dialog").remove();
      }
    });

    actionDialog.dialog("option", "buttons", buttons); // setter
  }
}