如何在此代码中添加“添加”按钮？

Question

抱歉，我不了解JS。 但是我有这个Jquery对话框代码，需要添加一个显示“添加”的按钮，并会调用一个新的空白对话框吗？ 我是UX / UI设计人员，语法使我困惑，大声笑。 任何帮助都会很棒。

    $( "#dialog-message" ).dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        Ok: function() {
            $( this ).dialog( "close" );
        }
    }
});

$( "#opener" ).click(function() {
    $( "#dialog-message" ).dialog(  "option", "width", 650  );
    $( "#dialog-message" ).dialog( "open" );
    return false;
}); 

Answer 1

Buttons属性是一个javascript 文字对象 ，因此您可以添加如下所示的按钮：

buttons: {
    Ok: function() {
        $( this ).dialog( "close" );
    },
    Add : function() {
      $('#otherDialog').dialog("open");
    }
}

如您所见，它们是用逗号分隔的函数，该名称将用作文本。

Answer 2

尝试这个：

$(function() {
    $( "#opener" ).click(function() {
        $( "#dialog-modal" ).dialog({
            width: 650,
            modal: true,
            buttons: {
                Ok: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
});